Update SCSS to module system (fixes #266)
Change-Id: I2387ef49dadaeac0f62620e0c803df12dad42cf8
diff --git a/dev/scss/header/statistics.scss b/dev/scss/header/statistics.scss
index 500fc70..0776b13 100644
--- a/dev/scss/header/statistics.scss
+++ b/dev/scss/header/statistics.scss
@@ -1,5 +1,8 @@
@charset "utf-8";
-@import "../util";
+@use "../util";
+@use "../base/colors";
+@use "../base/icons";
+@use "../base/lengths";
/**
@@ -9,7 +12,7 @@
div.stattable {
display: flex;
flex-direction: row;
- margin-right: $right-view-distance;
+ margin-right: lengths.$right-view-distance;
}
div.stattable {
@@ -17,10 +20,10 @@
margin-bottom:4px;
> div {
- border-color: $dark-green;
+ border-color: colors.$dark-green;
> dt {
- background-color: $middle-green;
+ background-color: colors.$middle-green;
width: 15em;
margin: 0;
@@ -29,8 +32,8 @@
}
}
> dd {
- background-color: $lightest-green;
- color: $dark-grey;
+ background-color: colors.$lightest-green;
+ color: colors.$dark-grey;
}
}
}
@@ -38,8 +41,8 @@
&.stdisabled {
dt,
dd {
- background-color: $grey-green;
- color: $dark-green;
+ background-color: colors.$grey-green;
+ color: colors.$dark-green;
text-shadow: none;
}
}
@@ -53,7 +56,7 @@
span.refresh::after{
vertical-align: sub;
- content : $fa-redo;
+ content : icons.$fa-redo;
}
// Default value 20% doesn't work with < 5 items,