Update SCSS to module system (fixes #266)
Change-Id: I2387ef49dadaeac0f62620e0c803df12dad42cf8
diff --git a/dev/scss/main/resultinfo.scss b/dev/scss/main/resultinfo.scss
index 0255161..2fbae69 100644
--- a/dev/scss/main/resultinfo.scss
+++ b/dev/scss/main/resultinfo.scss
@@ -1,5 +1,8 @@
@charset "utf-8";
-@import "../util";
+@use "../util";
+@use "../base/colors";
+@use "../base/icons";
+@use "../base/lengths";
/**
* Rules applicable for the result panel
@@ -54,8 +57,8 @@
div.result.panel .view {
- border: 1px solid $kwic-border;
- background-color: $dark-orange;
+ border: 1px solid colors.$kwic-border;
+ background-color: colors.$dark-orange;
}
@@ -68,21 +71,21 @@
> span {
line-height: 1.5em;
- border-width: $result-border-size 0;
+ border-width: lengths.$result-border-size 0;
&:first-child {
- border-left-width: $result-border-size;
+ border-left-width: lengths.$result-border-size;
}
&:last-child {
- border-right-width: $result-border-size;
+ border-right-width: lengths.$result-border-size;
}
}
}
#total-results {
- color: $light-green;
+ color: colors.$light-green;
font-weight: bold;
}
@@ -102,15 +105,15 @@
// TODO:
// Add icon via data-icon
&.align.left::after {
- content: $fa-left-align;
+ content: icons.$fa-left-align;
}
&.align.right::after {
- content: $fa-right-align;
+ content: icons.$fa-right-align;
}
&.align.center::after {
- content: $fa-center-align;
+ content: icons.$fa-center-align;
}
&.show-kq::after {
- content: $fa-code;
+ content: icons.$fa-code;
}
}