Update SCSS to module system (fixes #266)
Change-Id: I2387ef49dadaeac0f62620e0c803df12dad42cf8
diff --git a/dev/scss/main/logos.scss b/dev/scss/main/logos.scss
index e27f1d6..e35d7c7 100644
--- a/dev/scss/main/logos.scss
+++ b/dev/scss/main/logos.scss
@@ -1,5 +1,8 @@
@charset "utf-8";
-@import "../util";
+@use "../util";
+@use "../base/colors";
+@use "../base/mixins";
+@use "../base/paths";
/**
* Rules for logos.
@@ -29,7 +32,7 @@
}
> span {
- @include blind;
+ @include mixins.blind;
}
> div.logoaddon {
@@ -43,9 +46,9 @@
top: 2.1rem;
transform: rotate(-5deg);
// text-align:right;
- color: $nearly-white;
+ color: colors.$nearly-white;
// padding: 3pt;
- text-shadow: 1pt 1pt 0 $light-green, -1pt -1pt 0 $light-green, -1pt 1pt 0 $light-green, 1pt -1pt 0 $light-green;
+ text-shadow: 1pt 1pt 0 colors.$light-green, -1pt -1pt 0 colors.$light-green, -1pt 1pt 0 colors.$light-green, 1pt -1pt 0 colors.$light-green;
// Values from new logo:
// font-size: 45%;
@@ -58,7 +61,7 @@
}
aside.active + header .logo div.logoaddon {
- text-shadow: 1pt 1pt 0 $dark-green, -1pt -1pt 0 $dark-green, -1pt 1pt 0 $dark-green, 1pt -1pt 0 $dark-green;
+ text-shadow: 1pt 1pt 0 colors.$dark-green, -1pt -1pt 0 colors.$dark-green, -1pt 1pt 0 colors.$dark-green, 1pt -1pt 0 colors.$dark-green;
}
/**
@@ -75,7 +78,7 @@
z-index: 105;
background: {
size: 78% !important;
- image: url('#{$img-path}/korap-logo.svg');
+ image: url('#{paths.$img-path}/korap-logo.svg');
}
transform: translateY(-50%);
-o-transform: translateY(-50%);