123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- // Base styles
- .btn {
- color: $body-color-alt;
- background-color: transparent;
- border: $btn-border-width solid transparent;
- &:hover {
- color: $body-color-alt;
- }
- .btn-check:focus + &,
- &:focus {
- box-shadow: $btn-focus-box-shadow-alt;
- }
- .btn-check:checked + &,
- .btn-check:active + &,
- &:active,
- &.active {
- @include box-shadow($btn-active-box-shadow-alt);
- &:focus {
- @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);
- }
- }
- &:disabled,
- &.disabled,
- fieldset:disabled & {
- opacity: $btn-disabled-opacity-alt;
- @include box-shadow(none);
- }
- }
- // Alternate buttons
- @each $color, $value in $theme-colors-alt {
- .btn-#{$color} {
- @include button-variant-alt($value, $value);
- }
- }
- @each $color, $value in $theme-colors-alt {
- .btn-outline-#{$color} {
- @include button-outline-variant-alt($value);
- }
- }
- // Link buttons
- // Make a button look and behave like a link
- .btn-link {
- color: $btn-link-color-alt;
- &:hover {
- color: $btn-link-hover-color-alt;
- }
- &:disabled,
- &.disabled {
- color: $btn-link-disabled-color-alt;
- }
- }
|