aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/scss/_buttons.scss
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_buttons.scss')
-rw-r--r--vendor/twbs/bootstrap/scss/_buttons.scss35
1 files changed, 7 insertions, 28 deletions
diff --git a/vendor/twbs/bootstrap/scss/_buttons.scss b/vendor/twbs/bootstrap/scss/_buttons.scss
index f2c4c13a9..044b8d6f5 100644
--- a/vendor/twbs/bootstrap/scss/_buttons.scss
+++ b/vendor/twbs/bootstrap/scss/_buttons.scss
@@ -15,7 +15,6 @@
--#{$prefix}btn-border-width: #{$btn-border-width};
--#{$prefix}btn-border-color: transparent;
--#{$prefix}btn-border-radius: #{$btn-border-radius};
- --#{$prefix}btn-hover-border-color: transparent;
--#{$prefix}btn-box-shadow: #{$btn-box-shadow};
--#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity};
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
@@ -47,14 +46,8 @@
border-color: var(--#{$prefix}btn-hover-border-color);
}
- .btn-check + &:hover {
- // override for the checkbox/radio buttons
- color: var(--#{$prefix}btn-color);
- background-color: var(--#{$prefix}btn-bg);
- border-color: var(--#{$prefix}btn-border-color);
- }
-
- &:focus-visible {
+ .btn-check:focus + &,
+ &:focus {
color: var(--#{$prefix}btn-hover-color);
@include gradient-bg(var(--#{$prefix}btn-hover-bg));
border-color: var(--#{$prefix}btn-hover-border-color);
@@ -67,20 +60,9 @@
}
}
- .btn-check:focus-visible + & {
- border-color: var(--#{$prefix}btn-hover-border-color);
- outline: 0;
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
- } @else {
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
- }
- }
-
.btn-check:checked + &,
- :not(.btn-check) + &:active,
- &:first-child:active,
+ .btn-check:active + &,
+ &:active,
&.active,
&.show {
color: var(--#{$prefix}btn-active-color);
@@ -90,7 +72,7 @@
border-color: var(--#{$prefix}btn-active-border-color);
@include box-shadow(var(--#{$prefix}btn-active-shadow));
- &:focus-visible {
+ &:focus {
// 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);
@@ -173,16 +155,13 @@
--#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($primary), $primary, 15%))};
text-decoration: $link-decoration;
- @if $enable-gradients {
- background-image: none;
- }
&:hover,
- &:focus-visible {
+ &:focus {
text-decoration: $link-hover-decoration;
}
- &:focus-visible {
+ &:focus {
color: var(--#{$prefix}btn-color);
}