Working on inheritance flow for themes

src/elements/icon.less

@@ -29,9 +29,6 @@
 @element: 'icon';
 @import '../semantic.config';
 
-.importVariables(@element);
-.importOverrides(@element);
-
 /*******************************
              Icon
 *******************************/

src/semantic.config

@@ -1,17 +1,8 @@
 /*-------------------
-       Theme
+         Theme
 --------------------*/
 
 @theme       : 'semantic';
+@buttonTheme : 'github';
 
-.importVariables(element) {
-  // check if child theme exists
-  @import "theme/semantic/@{element}.variables";
-}
-.importOverrides(element) {
-  // check if child theme exists
-  @import "theme/semantic/@{element}.overrides";
-}
-
-@import "theme/semantic/global.variables";
-
+@import "theme.less";

src/theme.less

@@ -0,0 +1,16 @@
+.loadUIVariables() {
+  @import "theme/semantic/@{element}.variables";
+  @import "theme/@{theme}/@{element}.overrides";
+}
+.loadUIOverrides() {
+  @import "theme/semantic/@{element}.variables";
+  @import "theme/@{theme}/@{element}.overrides";
+}
+.loadGlobal() {
+  @import "theme/semantic/@{element}.variables";
+  @import "theme/@{theme}/@{element}.overrides";
+}
+
+.loadGlobal();
+.loadUIVariables();
+.loadUIOverrides();

src/theme/semantic/icon.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

src/theme/semantic/icon.variables

@@ -4,7 +4,7 @@
 --------------------*/
 
 /*
-@disabledOpacity
+  @disabledOpacity
 */
 
 /*-------------------