fixed includes of scss globals into typescript files.

6 files changed, 46 insertions, 65 deletions

diff --git a/src/client/views/animationtimeline/Region.scss b/src/client/views/animationtimeline/Region.scss
index f7476ab55..b390ae34e 100644
--- a/src/client/views/animationtimeline/Region.scss
+++ b/src/client/views/animationtimeline/Region.scss
@@ -1,4 +1,4 @@
-@import './../global/globalCssVariables.scss';
+@import './../global/globalCssVariables.module.scss';
 
 $timelineColor: #9acedf;
 $timelineDark: #77a1aa;
diff --git a/src/client/views/animationtimeline/Region.tsx b/src/client/views/animationtimeline/Region.tsx
index 53c5c4718..bc87dc94d 100644
--- a/src/client/views/animationtimeline/Region.tsx
+++ b/src/client/views/animationtimeline/Region.tsx
@@ -6,7 +6,7 @@ import { List } from '../../../fields/List';
 import { createSchema, defaultSpec, listSpec, makeInterface } from '../../../fields/Schema';
 import { Cast, NumCast } from '../../../fields/Types';
 import { Transform } from '../../util/Transform';
-import '../global/globalCssVariables.scss';
+import '../global/globalCssVariables.module.scss';
 import './Region.scss';
 import './Timeline.scss';
 import { TimelineMenu } from './TimelineMenu';
diff --git a/src/client/views/animationtimeline/Timeline.scss b/src/client/views/animationtimeline/Timeline.scss
index 48422b789..35ba0fa7f 100644
--- a/src/client/views/animationtimeline/Timeline.scss
+++ b/src/client/views/animationtimeline/Timeline.scss
@@ -1,4 +1,4 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
 
 $timelineColor: #9acedf;
 $timelineDark: #77a1aa;
@@ -30,7 +30,6 @@ $timelineDark: #77a1aa;
             color: $timelineColor;
             margin-left: 3px;
         }
-
     }
 
     .grid-box {
@@ -61,7 +60,7 @@ $timelineDark: #77a1aa;
                 -webkit-transform: scale(1.1);
                 -ms-transform: scale(1.1);
                 transform: scale(1.1);
-                transition: .2s ease;
+                transition: 0.2s ease;
             }
         }
 
@@ -128,7 +127,6 @@ $timelineDark: #77a1aa;
             // margin-top: 0.5px;
         }
     }
-
 }
 
 .time-input {
@@ -154,7 +152,7 @@ $timelineDark: #77a1aa;
 .number-label {
     color: black;
     transform: rotate(-90deg) translate(-15px, 8px);
-    font-size: .85em;
+    font-size: 0.85em;
 }
 
 .timeline-container {
@@ -178,7 +176,6 @@ $timelineDark: #77a1aa;
             background-color: transparent;
             height: 30px;
             width: 100%;
-
         }
 
         .scrubber {
@@ -217,7 +214,6 @@ $timelineDark: #77a1aa;
             position: absolute;
             // box-shadow: -10px 0px 10px 10px red;
         }
-
     }
 
     .currentTime {
@@ -266,7 +262,6 @@ $timelineDark: #77a1aa;
             p {
                 hyphens: auto;
             }
-
         }
     }
 
@@ -280,8 +275,6 @@ $timelineDark: #77a1aa;
     }
 }
 
-
-
 .overview {
     position: absolute;
     height: 50px;
@@ -298,7 +291,6 @@ $timelineDark: #77a1aa;
     }
 }
 
-
 .timeline-checker {
     height: auto;
     width: auto;
@@ -312,11 +304,11 @@ $timelineDark: #77a1aa;
         width: auto;
         overflow: hidden;
         margin: 0px 10px;
-        cursor: pointer
+        cursor: pointer;
     }
 
     .check {
         width: 50px;
         height: 50px;
     }
-}
\ No newline at end of file
+}
diff --git a/src/client/views/animationtimeline/TimelineMenu.scss b/src/client/views/animationtimeline/TimelineMenu.scss
index 43a89419e..de2042f17 100644
--- a/src/client/views/animationtimeline/TimelineMenu.scss
+++ b/src/client/views/animationtimeline/TimelineMenu.scss
@@ -1,56 +1,49 @@
-@import "./../global/globalCssVariables.scss"; 
+@import './../global/globalCssVariables.module.scss';
 
-
-.timeline-menu-container{
+.timeline-menu-container {
     position: absolute;
     display: flex;
     box-shadow: $medium-gray 0.2vw 0.2vw 0.4vw;
     flex-direction: column;
     background: whitesmoke;
     z-index: 10000;
-    width: 200px; 
+    width: 200px;
     padding-bottom: 10px;
     border-radius: 15px;
 
-    border: solid #BBBBBBBB 1px;
- 
-
+    border: solid #bbbbbbbb 1px;
 
-    .timeline-menu-input{
-        font: $sans-serif; 
-        font-size: 13px; 
-        width:100%;
-        text-transform: uppercase; 
-        letter-spacing: 2px; 
-        margin-left: 10px; 
-        background-color: transparent; 
-        border-width: 0px; 
-        transition: border-width 500ms; 
+    .timeline-menu-input {
+        font: $sans-serif;
+        font-size: 13px;
+        width: 100%;
+        text-transform: uppercase;
+        letter-spacing: 2px;
+        margin-left: 10px;
+        background-color: transparent;
+        border-width: 0px;
+        transition: border-width 500ms;
     }
 
-    .timeline-menu-input:hover{
-        border-width: 2px; 
+    .timeline-menu-input:hover {
+        border-width: 2px;
     }
-    
-    
-    
 
-    .timeline-menu-header{
-        border-top-left-radius: 15px; 
-        border-top-right-radius: 15px; 
-        text-transform: uppercase; 
-        background: $dark-gray; 
-        letter-spacing: 2px; 
+    .timeline-menu-header {
+        border-top-left-radius: 15px;
+        border-top-right-radius: 15px;
+        text-transform: uppercase;
+        background: $dark-gray;
+        letter-spacing: 2px;
 
-        .timeline-menu-header-desc{
-            font:$sans-serif; 
-            font-size: 13px; 
-            text-align: center; 
-            color: whitesmoke; 
+        .timeline-menu-header-desc {
+            font: $sans-serif;
+            font-size: 13px;
+            text-align: center;
+            color: whitesmoke;
         }
     }
 
-
     .timeline-menu-item {
         // width: 11vw; //10vw
         height: 30px; //2vh
@@ -64,7 +57,7 @@
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
-        transition: all .1s;
+        transition: all 0.1s;
         border-style: none;
         // padding: 10px 0px 10px 0px;
         white-space: nowrap;
@@ -73,22 +66,21 @@
         letter-spacing: 2px;
         text-transform: uppercase;
         padding-right: 20px;
-        padding-left: 10px; 
+        padding-left: 10px;
     }
 
     .timeline-menu-item:hover {
-        border-width: .11px;
+        border-width: 0.11px;
         border-style: none;
         border-color: $medium-gray;
         border-bottom-style: solid;
         border-top-style: solid;
-        background: $medium-blue; 
+        background: $medium-blue;
     }
 
     .timeline-menu-desc {
-        padding-left: 10px; 
-        font:$sans-serif; 
-        font-size: 13px; 
+        padding-left: 10px;
+        font: $sans-serif;
+        font-size: 13px;
     }
-    
-}
\ No newline at end of file
+}
diff --git a/src/client/views/animationtimeline/TimelineOverview.scss b/src/client/views/animationtimeline/TimelineOverview.scss
index c8d96c399..2878232e6 100644
--- a/src/client/views/animationtimeline/TimelineOverview.scss
+++ b/src/client/views/animationtimeline/TimelineOverview.scss
@@ -1,4 +1,4 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
 
 $timelineColor: #9acedf;
 $timelineDark: #77a1aa;
@@ -66,8 +66,6 @@ $timelineDark: #77a1aa;
     }
 }
 
-
-
 .timeline-play-bar {
     position: relative;
     padding: 0px;
@@ -104,4 +102,4 @@ $timelineDark: #77a1aa;
     border-radius: 20px;
     margin-top: -4px;
     cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/src/client/views/animationtimeline/Track.scss b/src/client/views/animationtimeline/Track.scss
index f45e0556d..f56b2fe5f 100644
--- a/src/client/views/animationtimeline/Track.scss
+++ b/src/client/views/animationtimeline/Track.scss
@@ -1,7 +1,6 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
 
 .track-container {
-
     .track {
         .inner {
             top: 0px;
@@ -12,4 +11,4 @@
             z-index: 100;
         }
     }
-}
\ No newline at end of file
+}