aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.scss-lint.yml3
-rw-r--r--scss/_root.scss16
-rw-r--r--scss/bootstrap.scss1
3 files changed, 20 insertions, 0 deletions
diff --git a/.scss-lint.yml b/.scss-lint.yml
index eabc8a358..552168dda 100644
--- a/.scss-lint.yml
+++ b/.scss-lint.yml
@@ -3,6 +3,9 @@ scss_files:
- "scss/**/*.scss"
- "docs/assets/scss/**/*.scss"
+exclude:
+ - "scss/_root.scss"
+
plugin_directories: ['.scss-linters']
# List of gem names to load custom linters from (make sure they are already
diff --git a/scss/_root.scss b/scss/_root.scss
new file mode 100644
index 000000000..78ac03915
--- /dev/null
+++ b/scss/_root.scss
@@ -0,0 +1,16 @@
+:root {
+ @each $color, $value in $colors {
+ --#{$color}: $value;
+ }
+
+ @each $color, $value in $theme-colors {
+ --#{$color}: $value;
+ }
+
+ @each $bp, $value in $grid-breakpoints {
+ --breakpoint-#{$bp}: $value;
+ }
+
+ --font-family-sans-serif: $font-family-sans-serif;
+ --font-family-monospace: $font-family-monospace;
+}
diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss
index 648f446b6..f83914dc3 100644
--- a/scss/bootstrap.scss
+++ b/scss/bootstrap.scss
@@ -8,6 +8,7 @@
@import "functions";
@import "variables";
@import "mixins";
+@import "root";
@import "print";
@import "reboot";
@import "type";