wishthis/semantic/src/theme.less
2022-08-05 11:25:53 +02:00

88 lines
2 KiB
Text

/*******************************
Import Directives
*******************************/
/*------------------
Theme
-------------------*/
@theme: @@element;
/*--------------------
Site Variables
---------------------*/
/* Default site.variables */
@import "@{themesFolder}/default/globals/site.variables";
/* Packaged site.variables */
@import (optional) "@{themesFolder}/@{site}/globals/site.variables";
/* Component's site.variables */
& when not (@theme = 'default') {
@import (optional) "@{themesFolder}/@{theme}/globals/site.variables";
}
/* Site theme site.variables */
@import (optional) "@{siteFolder}/globals/site.variables";
/*-------------------
Component Variables
---------------------*/
/* Default */
@import "@{themesFolder}/default/@{type}s/@{element}.variables";
/* Packaged Theme */
@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.variables";
/* Site Theme */
@import (optional) "@{siteFolder}/@{type}s/@{element}.variables";
/*-------------------------
Central Color Map
-------------------------*/
/* Default */
@import "@{themesFolder}/default/globals/colors.less";
/* Site Theme */
@import (optional) "@{themesFolder}/@{site}/globals/colors.less";
/*******************************
Mix-ins
*******************************/
/*------------------
Fonts
-------------------*/
.loadFonts() {
& when (@importGoogleFonts) {
@import (css) url('@{googleProtocol}fonts.googleapis.com/css2?family=@{googleFontRequest}');
}
& when (@importFonts) and not (@fontName = ''){
each(@fonts, {
@font-face {
each(@value,{
@{key}: @value;
});
}
})
}
}
/*------------------
Overrides
-------------------*/
.loadUIOverrides() {
& when not (@theme = 'default') {
@import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides";
}
@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";
@import (optional) "@{siteFolder}/@{type}s/@{element}.overrides";
}