diff options
| author | Julien Déramond <juderamond@gmail.com> | 2022-10-12 21:51:08 +0300 |
|---|---|---|
| committer | Julien Déramond <juderamond@gmail.com> | 2022-10-12 21:54:10 +0300 |
| commit | 60ff612061f3a61be1472001f09b8605b37ae0b3 (patch) | |
| tree | d6d2a4c2bda4daf09c2535de677df6a4edd43ee6 | |
| parent | b029cd6bded71b5bb4cd8b00c145e68bda694a65 (diff) | |
Highlight use cases where :focus-visible is used for BrowserStack testingmain-jd-upgrade-browserlistrc
| -rw-r--r-- | .bundlewatch.config.json | 2 | ||||
| -rw-r--r-- | scss/_buttons.scss | 8 | ||||
| -rw-r--r-- | scss/_reboot.scss | 1 | ||||
| -rw-r--r-- | site/assets/scss/_navbar.scss | 1 |
4 files changed, 9 insertions, 3 deletions
diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 8c390c6e0e..a14a0a15a7 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -26,7 +26,7 @@ }, { "path": "./dist/css/bootstrap.css", - "maxSize": "29.5 kB" + "maxSize": "29.75 kB" }, { "path": "./dist/css/bootstrap.min.css", diff --git a/scss/_buttons.scss b/scss/_buttons.scss index f2c4c13a9d..6103a6abfa 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -55,7 +55,7 @@ } &:focus-visible { - color: var(--#{$prefix}btn-hover-color); + color: #ffc0cb; @include gradient-bg(var(--#{$prefix}btn-hover-bg)); border-color: var(--#{$prefix}btn-hover-border-color); outline: 0; @@ -68,6 +68,7 @@ } .btn-check:focus-visible + & { + color: #ffc0cb; border-color: var(--#{$prefix}btn-hover-border-color); outline: 0; // Avoid using mixin so we can pass custom focus shadow properly @@ -91,6 +92,8 @@ @include box-shadow(var(--#{$prefix}btn-active-shadow)); &:focus-visible { + color: #ffc0cb; + // Avoid using mixin so we can pass custom focus shadow properly @if $enable-shadows { box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow); @@ -179,11 +182,12 @@ &:hover, &:focus-visible { + color: #ffc0cb; text-decoration: $link-hover-decoration; } &:focus-visible { - color: var(--#{$prefix}btn-color); + color: #ffc0cb; } &:hover { diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 8ac790399f..ad0a8010a8 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -397,6 +397,7 @@ button { // confused and applies its very visible two-tone outline anyway. button:focus:not(:focus-visible) { + color: #cbf; outline: 0; } diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 0cff3e2a8f..4580936fda 100644 --- a/site/assets/scss/_navbar.scss +++ b/site/assets/scss/_navbar.scss @@ -70,6 +70,7 @@ .dropdown-toggle { &:focus:not(:focus-visible) { + color: #cbf; outline: 0; } } |