diff options
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_buttons.scss')
-rw-r--r-- | vendor/twbs/bootstrap/scss/_buttons.scss | 89 |
1 files changed, 29 insertions, 60 deletions
diff --git a/vendor/twbs/bootstrap/scss/_buttons.scss b/vendor/twbs/bootstrap/scss/_buttons.scss index 6ee24ba1f..ee4287c92 100644 --- a/vendor/twbs/bootstrap/scss/_buttons.scss +++ b/vendor/twbs/bootstrap/scss/_buttons.scss @@ -1,5 +1,3 @@ -// stylelint-disable selector-no-qualifying-type - // // Base styles // @@ -8,53 +6,48 @@ display: inline-block; font-family: $btn-font-family; font-weight: $btn-font-weight; + line-height: $btn-line-height; color: $body-color; text-align: center; text-decoration: if($link-decoration == none, null, none); white-space: $btn-white-space; vertical-align: middle; + cursor: if($enable-button-pointers, pointer, null); user-select: none; background-color: transparent; border: $btn-border-width solid transparent; - @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius); + @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius); @include transition($btn-transition); - @include hover() { + &:hover { color: $body-color; - text-decoration: none; + text-decoration: if($link-hover-decoration == underline, none, null); } - &:focus, - &.focus { + .btn-check:focus + &, + &:focus { outline: 0; box-shadow: $btn-focus-box-shadow; } - // Disabled comes first so active can properly restyle - &.disabled, - &:disabled { - opacity: $btn-disabled-opacity; - @include box-shadow(none); - } - - &:not(:disabled):not(.disabled) { - cursor: if($enable-pointer-cursor-for-buttons, pointer, null); - - &:active, - &.active { - @include box-shadow($btn-active-box-shadow); + .btn-check:checked + &, + .btn-check:active + &, + &:active, + &.active { + @include box-shadow($btn-active-box-shadow); - &:focus { - @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow); - } + &:focus { + @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow); } } -} -// Future-proof disabling of clicks on `<a>` elements -a.btn.disabled, -fieldset:disabled a.btn { - pointer-events: none; + &:disabled, + &.disabled, + fieldset:disabled & { + pointer-events: none; + opacity: $btn-disabled-opacity; + @include box-shadow(none); + } } @@ -62,6 +55,7 @@ fieldset:disabled a.btn { // Alternate buttons // +// scss-docs-start btn-variant-loops @each $color, $value in $theme-colors { .btn-#{$color} { @include button-variant($value, $value); @@ -73,6 +67,7 @@ fieldset:disabled a.btn { @include button-outline-variant($value); } } +// scss-docs-end btn-variant-loops // @@ -82,23 +77,21 @@ fieldset:disabled a.btn { // Make a button look and behave like a link .btn-link { font-weight: $font-weight-normal; - color: $link-color; + color: $btn-link-color; text-decoration: $link-decoration; - @include hover() { - color: $link-hover-color; + &:hover { + color: $btn-link-hover-color; text-decoration: $link-hover-decoration; } - &:focus, - &.focus { + &:focus { text-decoration: $link-hover-decoration; } &:disabled, &.disabled { color: $btn-link-disabled-color; - pointer-events: none; } // No need for an active state here @@ -110,33 +103,9 @@ fieldset:disabled a.btn { // .btn-lg { - @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg); + @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg); } .btn-sm { - @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm); -} - - -// -// Block button -// - -.btn-block { - display: block; - width: 100%; - - // Vertically space out multiple block buttons - + .btn-block { - margin-top: $btn-block-spacing-y; - } -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.btn-block { - width: 100%; - } + @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm); } |