fixed includes of scss globals into typescript files.

1 files changed, 35 insertions, 43 deletions

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
+}