mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-18 12:39:41 +03:00
Code Activity

Replace :focus styles with :focus-visible

Browse Source
This commit is contained in:
Patrick H. Lauke
2022-08-25 13:07:05 +01:00
parent c3c6591166
commit 1ad1002cb4
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_buttons.scss
+5 -5
View File
@@ -46,8 +46,8 @@
border-color: var(--#{$prefix}btn-hover-border-color);
}
.btn-check:focus + &,
&:focus {
.btn-check:focus-visible + &,
&:focus-visible {
color: var(--#{$prefix}btn-hover-color);
@include gradient-bg(var(--#{$prefix}btn-hover-bg));
border-color: var(--#{$prefix}btn-hover-border-color);
@@ -72,7 +72,7 @@
border-color: var(--#{$prefix}btn-active-border-color);
@include box-shadow(var(--#{$prefix}btn-active-shadow));
&:focus {
&:focus-visible {
// 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);
@@ -157,11 +157,11 @@
text-decoration: $link-decoration;
&:hover,
&:focus {
&:focus-visible {
text-decoration: $link-hover-decoration;
}
&:focus {
&:focus-visible {
color: var(--#{$prefix}btn-color);
}