Updates semantic.config example to use latest version

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";
 }