Reorganized styles

src/components/AtlasPreview/AtlasPreview.scss

@@ -1,4 +1,4 @@
-@import '../../utils/constants.scss';
+@import '~styles/constants.scss';
 
 .container {
   display: flex;

src/components/AtlasPreview/components/DocumentLink/DocumentLink.scss

@@ -1,4 +1,4 @@
-@import '../../../../utils/constants.scss';
+@import '~styles/constants.scss';
 
 .link {
   display: flex;
@@ -20,4 +20,4 @@
 .timestamp {
   font-size: 13px;
   color: #ccc;
-}
+}

src/components/DocumentPreview/DocumentPreview.scss

@@ -1,4 +1,4 @@
-@import '../../utils/constants.scss';
+@import '~styles/constants.scss';
 
 
 .container {
@@ -17,4 +17,4 @@
 
 .continueLink {
   text-decoration: none;
-}
+}

src/components/DropdownMenu/DropdownMenu.scss

@@ -1,4 +1,4 @@
-@import '../../utils/constants.scss';
+@import '~styles/constants.scss';
 
 .label {
   display: flex;
@@ -48,4 +48,4 @@
   &:hover {
     border-left: 2px solid #2196F3;
   }
-}
+}

src/components/Layout/Layout.scss

@@ -1,4 +1,4 @@
-@import '../../utils/constants.scss';
+@import '~styles/constants.scss';
 
 .container {
   display: flex;
@@ -67,4 +67,3 @@
     padding-top: $headerHeight;
   }
 }
-

src/components/MarkdownEditor/codemirror.scss

@@ -1,4 +1,4 @@
-@import '../../utils/constants.scss';
+@import '~styles/constants.scss';
 
 :global {
   /* Custom styling */
@@ -56,4 +56,4 @@
   .cm-s-atlas .CodeMirror-activeline-background { background: #DDDCDC; }
   .cm-s-atlas .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
   .cm-s-atlas .CodeMirror-placeholder { color: rgba(0, 0, 0, 0.5); font-weight: bold; }
-}
+}