mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Add CSS variables for global focus styling, document it

Browse Source
This commit is contained in:
Mark Otto
2021-11-25 14:24:22 -10:00
parent b07ad60d62
commit cf63505ecf
2 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_root.scss
+10
View File
@@ -50,5 +50,15 @@
}
--#{$variable-prefix}body-bg: #{$body-bg};
// scss-docs-end root-body-variables
// Focus styles
// scss-docs-start root-focus-variables
--#{$variable-prefix}focus-ring-width: #{$focus-ring-width};
--#{$variable-prefix}focus-ring-opacity: #{$focus-ring-opacity};
--#{$variable-prefix}focus-ring-color: #{$focus-ring-color};
--#{$variable-prefix}focus-ring-blur: #{$focus-ring-blur};
// By default, there is no `--bs-focus-ring-offset-x` or `--bs-focus-ring-offset-y`, but we provide CSS variables with fallbacks to initial `0` values
--#{$variable-prefix}focus-ring-box-shadow: var(--#{$variable-prefix}focus-ring-offset-x, 0) var(--#{$variable-prefix}focus-ring-offset-y, 0) var(--#{$variable-prefix}focus-ring-blur) var(--#{$variable-prefix}focus-ring-width) var(--#{$variable-prefix}focus-ring-color);
// scss-docs-end root-focus-variables
// stylelint-enable custom-property-empty-line-before
}