diff options
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss')
| -rw-r--r-- | minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss | 86 |
1 files changed, 0 insertions, 86 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss b/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss deleted file mode 100644 index 91eb444..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/mixins/_buttons.scss +++ /dev/null @@ -1,86 +0,0 @@ -// Button variants -// -// Easily pump out default styles, as well as :hover, :focus, :active, -// and disabled options for all buttons - -@mixin button-variant($color, $background, $border) { - $active-background: darken($background, 10%); - $active-border: darken($border, 12%); - - color: $color; - background-color: $background; - border-color: $border; - @include box-shadow($btn-box-shadow); - - // Hover and focus styles are shared - @include hover { - color: $color; - background-color: $active-background; - border-color: $active-border; - } - &:focus, - &.focus { - // Avoid using mixin so we can pass custom focus shadow properly - @if $enable-shadows { - box-shadow: $btn-box-shadow, 0 0 0 2px rgba($border, .5); - } @else { - box-shadow: 0 0 0 2px rgba($border, .5); - } - } - - // Disabled comes first so active can properly restyle - &.disabled, - &:disabled { - background-color: $background; - border-color: $border; - } - - &:active, - &.active, - .show > &.dropdown-toggle { - color: $color; - background-color: $active-background; - background-image: none; // Remove the gradient for the pressed/active state - border-color: $active-border; - @include box-shadow($btn-active-box-shadow); - } -} - -@mixin button-outline-variant($color, $color-hover: #fff) { - color: $color; - background-color: transparent; - background-image: none; - border-color: $color; - - @include hover { - color: $color-hover; - background-color: $color; - border-color: $color; - } - - &:focus, - &.focus { - box-shadow: 0 0 0 2px rgba($color, .5); - } - - &.disabled, - &:disabled { - color: $color; - background-color: transparent; - } - - &:active, - &.active, - .show > &.dropdown-toggle { - color: $color-hover; - background-color: $color; - border-color: $color; - } -} - -// Button sizes -@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) { - padding: $padding-y $padding-x; - font-size: $font-size; - @include border-radius($border-radius); -} |
