Organize CSS files following 7-1 pattern style

lib/assets/javascripts/new-dashboard/styles/_typography.scss → lib/assets/javascripts/new-dashboard/styles/base/_typography.scss

@@ -63,3 +63,10 @@
 .letter-spacing {
   letter-spacing: 1px;
 }
+
+code {
+  margin: 0 0.25em;
+  padding: 0 0.125em;
+  border: 1px solid $code__border-color;
+  border-radius: 4px;
+}

lib/assets/javascripts/new-dashboard/styles/bundles/footer.scss

@@ -1,9 +1,9 @@
 @import "../variables";
-@import "../reset";
-@import "../colors";
-@import "../typography";
-@import "../utilities";
-@import "../grid";
+@import "../base/reset";
+@import "../base/typography";
+@import "../layout/grid";
+@import "../utilities/colors";
+@import "../utilities/utilities";
 
 #footer {
   border-top: 1px solid $border-color;

lib/assets/javascripts/new-dashboard/styles/bundles/header.scss

@@ -1,8 +1,8 @@
 @import "../variables";
-@import "../reset";
-@import "../colors";
-@import "../typography";
-@import "../utilities";
+@import "../base/reset";
+@import "../base/typography";
+@import "../utilities/colors";
+@import "../utilities/utilities";
 
 #app,
 .FormAccount-Section,

lib/assets/javascripts/new-dashboard/styles/_code.scss → lib/assets/javascripts/new-dashboard/styles/components/_code.scss

@@ -6,10 +6,3 @@
   padding: 16px;
   line-height: 28px;
 }
-
-code {
-  margin: 0 0.25em;
-  padding: 0 0.125em;
-  border: 1px solid $code__border-color;
-  border-radius: 4px;
-}

lib/assets/javascripts/new-dashboard/styles/components/_welcome.scss

@@ -0,0 +1,4 @@
+.welcome-first__link {
+  color: $white;
+  text-decoration: underline;
+}

lib/assets/javascripts/new-dashboard/styles/_page.scss → lib/assets/javascripts/new-dashboard/styles/layout/_page.scss

@@ -3,8 +3,3 @@
   padding: 128px 0 120px;
   border-bottom: 1px solid $border-color;
 }
-
-.welcome-first__link {
-  color: $white;
-  text-decoration: underline;
-}

lib/assets/javascripts/new-dashboard/styles/main.scss

@@ -1,17 +1,23 @@
 @import 'variables';
-@import 'grid';
-@import 'page';
-@import 'section';
-@import 'form';
-@import 'reset';
-@import 'buttons';
-@import 'colors';
-@import 'typography';
-@import 'dialogs';
-@import 'flexbox';
-@import 'spacing';
-@import 'utilities';
-@import 'solutionsIcons';
-@import 'cells';
-@import 'visualizations';
-@import 'code';
+
+@import 'base/reset';
+@import 'base/typography';
+
+@import 'layout/cells';
+@import 'layout/dialogs';
+@import 'layout/grid';
+@import 'layout/page';
+@import 'layout/section';
+
+@import 'components/buttons';
+@import 'components/checkbox';
+@import 'components/code';
+@import 'components/welcome';
+
+@import 'pages/solutionsIcons';
+@import 'pages/visualizations';
+
+@import 'utilities/colors';
+@import 'utilities/flexbox';
+@import 'utilities/spacing';
+@import 'utilities/utilities';