aboutsummaryrefslogtreecommitdiff
path: root/scss/_root.scss
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2021-11-29 21:14:17 -0800
committerMark Otto <[email protected]>2022-02-28 11:40:32 -0800
commitde0dfca9a1749990319cdfcbb7f1584df09d7091 (patch)
tree41a40725a2265fbd6a2d08673330a42535530100 /scss/_root.scss
parente35980d0092c6c14969f8953cfabd4a8d007bb4e (diff)
downloadbootstrap-de0dfca9a1749990319cdfcbb7f1584df09d7091.tar.xz
bootstrap-de0dfca9a1749990319cdfcbb7f1584df09d7091.zip
Convert border utilities to CSS variables
- Updates the utilities mixin to check for specific CSS variable names via `css-variable` - Bonus fix: we now prevent local variables for `0` value utilities (e.g., `.border-top-0` no longer sets `--bs-border-opacity: 1` - Adds new `.border-opacity-*` classes - Adds new root variables: `--bs-border-color`, `--bs-border-style`, `--bs-border-width` - Documents the new variable changes
Diffstat (limited to 'scss/_root.scss')
-rw-r--r--scss/_root.scss7
1 files changed, 7 insertions, 0 deletions
diff --git a/scss/_root.scss b/scss/_root.scss
index 2927c343f..ab0584e68 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -50,5 +50,12 @@
}
--#{$variable-prefix}body-bg: #{$body-bg};
// scss-docs-end root-body-variables
+
+ // scss-docs-start root-border-var
+ --#{$variable-prefix}border-width: #{$border-width};
+ --#{$variable-prefix}border-style: solid;
+ --#{$variable-prefix}border-color: #{$border-color};
+ --#{$variable-prefix}border-radius: #{$border-radius};
+ // scss-docs-end root-border-var
// stylelint-enable custom-property-empty-line-before
}