Update SCSS to module system (fixes #266)
Change-Id: I2387ef49dadaeac0f62620e0c803df12dad42cf8
diff --git a/dev/scss/header/searchbar.scss b/dev/scss/header/searchbar.scss
index 4ccb254..19fcaf8 100644
--- a/dev/scss/header/searchbar.scss
+++ b/dev/scss/header/searchbar.scss
@@ -1,5 +1,8 @@
@charset "utf-8";
-@import "../util";
+@use "../util";
+@use "../base/colors";
+@use "../base/icons";
+@use "../base/lengths";
/**
@@ -18,7 +21,7 @@
&.loading {
background: {
- color: $light-orange;
+ color: colors.$light-orange;
image: none;
}
}
@@ -39,13 +42,13 @@
right: 0;
&:not(.loading)::after {
- content: $fa-search;
+ content: icons.$fa-search;
}
}
}
.query.panel {
- padding-right: $button-width;
+ padding-right: lengths.$button-width;
}
// Specify result button group layout