Markup / scss refactor WIP

- Added sass-base.scss to make it easier for SFC's to
include needed SASS vars, mixins, etc. with a single import;
- Cleaned up indention in Layout.vue;

src/styles-new/_constants-snow.scss

@@ -1,3 +1,5 @@
+@import "constants";
+
 // Mixins
 @function pullForward($c: $colorBodyBg, $p: 20%) {
     // For dark interfaces, lighter things come forward - opposite for light interfaces

src/styles-new/core.scss

@@ -1,6 +1,6 @@
 @import "vendor/normalize.min.css";
-@import "constants";
+@import "sass-base.scss";
-@import "constants-snow";
+
-@import "glyphs";
+/******************** RENDERS CSS */
-@import "mixins";
 @import "global";
+@import "controls";

src/styles-new/sass-base.scss

@@ -0,0 +1,7 @@
+// Imports only constants, mixins, etc.
+// Meant for use as a single line import in Vue SFC's.
+// Do not include anything that renders to CSS!
+@import "constants";
+@import "constants-snow"; // TEMP
+@import "glyphs";
+@import "mixins";

src/ui/components/controls/search.vue

@@ -10,10 +10,7 @@
 </template>
 
 <style lang="scss">
-    @import "~styles/constants";
+    @import "~styles/sass-base";;
-    @import "~styles/constants-snow";
-    @import "~styles/glyphs";
-    @import "~styles/mixins";
 
     /******************************* SEARCH */
     .c-search {

src/ui/components/layout/Layout.vue

@@ -28,11 +28,10 @@
 </template>
 
 <style lang="scss">
-@import "~styles/constants";
+    @import "~styles/sass-base";
-@import "~styles/constants-snow";
 
-/******************************* SHELL */
+    /******************************* SHELL */
-.l-shell {
+    .l-shell {
         position: absolute;
         top: 0; right: 0; bottom: 0; left: 0;
         display: flex;
@@ -94,7 +93,7 @@
         &__pane-inspector {
             width: 200px
         }
-}
+    }
 </style>
 
 <script>
@@ -105,7 +104,7 @@
     import search from '../controls/search.vue';
     import splitter from '../controls/splitter.vue';
 
-export default {
+    export default {
         data () {
             return {
                 msg: 'Hello world!'
@@ -119,5 +118,5 @@ export default {
             search,
             splitter
         }
-}
+    }
 </script>