aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/animationtimeline/TimelineMenu.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/animationtimeline/TimelineMenu.scss')
-rw-r--r--src/client/views/animationtimeline/TimelineMenu.scss16
1 files changed, 8 insertions, 8 deletions
diff --git a/src/client/views/animationtimeline/TimelineMenu.scss b/src/client/views/animationtimeline/TimelineMenu.scss
index de2042f17..5398a4a97 100644
--- a/src/client/views/animationtimeline/TimelineMenu.scss
+++ b/src/client/views/animationtimeline/TimelineMenu.scss
@@ -1,9 +1,9 @@
-@import './../global/globalCssVariables.module.scss';
+@use './../global/globalCssVariables.module.scss' as global;
.timeline-menu-container {
position: absolute;
display: flex;
- box-shadow: $medium-gray 0.2vw 0.2vw 0.4vw;
+ box-shadow: global.$medium-gray 0.2vw 0.2vw 0.4vw;
flex-direction: column;
background: whitesmoke;
z-index: 10000;
@@ -14,7 +14,7 @@
border: solid #bbbbbbbb 1px;
.timeline-menu-input {
- font: $sans-serif;
+ font: global.$sans-serif;
font-size: 13px;
width: 100%;
text-transform: uppercase;
@@ -33,11 +33,11 @@
border-top-left-radius: 15px;
border-top-right-radius: 15px;
text-transform: uppercase;
- background: $dark-gray;
+ background: global.$dark-gray;
letter-spacing: 2px;
.timeline-menu-header-desc {
- font: $sans-serif;
+ font: global.$sans-serif;
font-size: 13px;
text-align: center;
color: whitesmoke;
@@ -72,15 +72,15 @@
.timeline-menu-item:hover {
border-width: 0.11px;
border-style: none;
- border-color: $medium-gray;
+ border-color: global.$medium-gray;
border-bottom-style: solid;
border-top-style: solid;
- background: $medium-blue;
+ background: global.$medium-blue;
}
.timeline-menu-desc {
padding-left: 10px;
- font: $sans-serif;
+ font: global.$sans-serif;
font-size: 13px;
}
}