diff options
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap/scss/_buttons.scss')
| -rw-r--r-- | minionlivesmatter/templates/assets/bootstrap/scss/_buttons.scss | 170 |
1 files changed, 0 insertions, 170 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/_buttons.scss b/minionlivesmatter/templates/assets/bootstrap/scss/_buttons.scss deleted file mode 100644 index 2964a52..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/_buttons.scss +++ /dev/null @@ -1,170 +0,0 @@ -// scss-lint:disable QualifyingElement - -// -// Base styles -// - -.btn { - display: inline-block; - font-weight: $btn-font-weight; - line-height: $btn-line-height; - text-align: center; - white-space: nowrap; - vertical-align: middle; - user-select: none; - border: $input-btn-border-width solid transparent; - @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-border-radius); - @include transition($btn-transition); - - // Share hover and focus styles - @include hover-focus { - text-decoration: none; - } - &:focus, - &.focus { - outline: 0; - box-shadow: $btn-focus-box-shadow; - } - - // Disabled comes first so active can properly restyle - &.disabled, - &:disabled { - cursor: $cursor-disabled; - opacity: .65; - @include box-shadow(none); - } - - &:active, - &.active { - background-image: none; - @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; -} - - -// -// Alternate buttons -// - -.btn-primary { - @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); -} -.btn-secondary { - @include button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border); -} -.btn-info { - @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); -} -.btn-success { - @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); -} -.btn-warning { - @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); -} -.btn-danger { - @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); -} - -// Remove all backgrounds -.btn-outline-primary { - @include button-outline-variant($btn-primary-bg, $btn-primary-color); -} -.btn-outline-secondary { - @include button-outline-variant($btn-secondary-border, $btn-secondary-color); -} -.btn-outline-info { - @include button-outline-variant($btn-info-bg, $btn-info-color); -} -.btn-outline-success { - @include button-outline-variant($btn-success-bg, $btn-success-color); -} -.btn-outline-warning { - @include button-outline-variant($btn-warning-bg, $btn-warning-color); -} -.btn-outline-danger { - @include button-outline-variant($btn-danger-bg, $btn-danger-color); -} - - -// -// Link buttons -// - -// Make a button look and behave like a link -.btn-link { - font-weight: $font-weight-normal; - color: $link-color; - border-radius: 0; - - &, - &:active, - &.active, - &:disabled { - background-color: transparent; - @include box-shadow(none); - } - &, - &:focus, - &:active { - border-color: transparent; - } - @include hover { - border-color: transparent; - } - @include hover-focus { - color: $link-hover-color; - text-decoration: $link-hover-decoration; - background-color: transparent; - } - &:disabled { - color: $btn-link-disabled-color; - - @include hover-focus { - text-decoration: none; - } - } -} - - -// -// Button Sizes -// - -.btn-lg { - // line-height: ensure even-numbered height of button next to large input - @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-border-radius-lg); -} -.btn-sm { - // line-height: ensure proper height of button next to small input - @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-border-radius-sm); -} - - -// -// Block button -// - -.btn-block { - display: block; - width: 100%; -} - -// Vertically space out multiple block buttons -.btn-block + .btn-block { - margin-top: $btn-block-spacing-y; -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.btn-block { - width: 100%; - } -} |
