diff options
| author | Mark Otto <[email protected]> | 2022-12-29 14:19:22 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-12-29 14:19:22 -0800 |
| commit | 9e17b2b34cdec9dce063bba09b01aa9a63e7dd94 (patch) | |
| tree | b7199331dcfef038272229e3fb10133d502828cf /scss/_nav.scss | |
| parent | 1a043b55bcfe3b9b1f327fe78639b82321f38633 (diff) | |
| download | bootstrap-9e17b2b34cdec9dce063bba09b01aa9a63e7dd94.tar.xz bootstrap-9e17b2b34cdec9dce063bba09b01aa9a63e7dd94.zip | |
Focus ring helper and utilities (#33125)
* Add global variables for box-shadow focus rings
* Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs
* fix variable name
* Add CSS variables for global focus styling, document it
* Move to CSS vars section
* Update scss/_nav.scss
Co-authored-by: Gaël Poupard <[email protected]>
* Helper and utils
* Fix bundlewatch
* Change 'Focus ring' in sidebar so that the page can be visible
* Minor typo fix
* fix merge
* Revamp some more, improve docs
Co-authored-by: Gaël Poupard <[email protected]>
Co-authored-by: Julien Déramond <[email protected]>
Co-authored-by: Patrick H. Lauke <[email protected]>
Diffstat (limited to 'scss/_nav.scss')
| -rw-r--r-- | scss/_nav.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/scss/_nav.scss b/scss/_nav.scss index 1b3cf082f..3a27ee792 100644 --- a/scss/_nav.scss +++ b/scss/_nav.scss @@ -38,6 +38,11 @@ text-decoration: if($link-hover-decoration == underline, none, null); } + &:focus { + outline: 0; + box-shadow: $nav-link-focus-box-shadow; + } + // Disabled state lightens text &.disabled { color: var(--#{$prefix}nav-link-disabled-color); |