diff --git a/src/semantic.config.example b/src/semantic.config.example index 1cd43336d..7b1de543a 100644 --- a/src/semantic.config.example +++ b/src/semantic.config.example @@ -1,15 +1,17 @@ -/*------------------- - Theme ---------------------*/ +/* -/* To override a theme for an individual element - specify theme name below +███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗ ██╗ ██╗██╗ +██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝ ██║ ██║██║ +███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ██║ ██║██║ +╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ██║ ██║██║ +███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗ ╚██████╔╝██║ +╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ - Be sure to update the user folder name (see README) */ -/* Theme to load site variables */ -@site : 'default'; +/******************************* + Folders +*******************************/ /* Path to theme packages */ @packagesFolder : 'themes/packages'; @@ -18,6 +20,20 @@ @userFolder : 'themes/_site'; +/******************************* + Themes +*******************************/ + +/* To override a theme for an individual element + specify theme name below + + Be sure to update the user folder name (see README) +*/ + +/* Global */ +@site : 'default'; +@reset : 'default'; + /* Elements */ @button : 'default'; @container : 'default'; @@ -65,19 +81,38 @@ @statistic : 'default'; -/* Import */ +/******************************* + Import Directives +*******************************/ + @theme : @@element; -@import "themes/default/global/site.variables"; -@import "themes/default/@{type}s/@{element}.variables"; +/*------------------ + Load Default +-------------------*/ -@import "@{packagesFolder}/@{site}/global/site.variables"; +@import "@{packagesFolder}/default/globals/site.variables"; +@import "@{packagesFolder}/default/@{type}s/@{element}.variables"; + +/*------------------ + Load Theme +-------------------*/ + +@import "@{packagesFolder}/@{site}/globals/site.variables"; @import "@{packagesFolder}/@{theme}/@{type}s/@{element}.variables"; -@import "@{userFolder}/global/site.variables"; +/*------------------ + Load Site +-------------------*/ + +@import "@{userFolder}/globals/site.variables"; @import "@{userFolder}/@{type}s/@{element}.variables"; +/*------------------ + Override Mix-in +-------------------*/ + .loadUIOverrides() { - @import "themes/@{theme}/@{type}s/@{element}.overrides"; + @import "@{packagesFolder}//@{theme}/@{type}s/@{element}.overrides"; @import "@{userFolder}/@{type}s/@{element}.overrides"; } \ No newline at end of file