1 // stylelint-disable selector-no-qualifying-type
9 font-family: $btn-font-family;
10 font-weight: $btn-font-weight;
13 text-decoration: if($link-decoration == none, null, none);
14 white-space: $btn-white-space;
15 vertical-align: middle;
17 background-color: transparent;
18 border: $btn-border-width solid transparent;
19 @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
20 @include transition($btn-transition);
24 text-decoration: none;
30 box-shadow: $btn-focus-box-shadow;
33 // Disabled comes first so active can properly restyle
36 opacity: $btn-disabled-opacity;
37 @include box-shadow(none);
40 &:not(:disabled):not(.disabled) {
41 cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
45 @include box-shadow($btn-active-box-shadow);
48 @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
54 // Future-proof disabling of clicks on `<a>` elements
56 fieldset:disabled a.btn {
65 @each $color, $value in $theme-colors {
67 @include button-variant($value, $value);
71 @each $color, $value in $theme-colors {
72 .btn-outline-#{$color} {
73 @include button-outline-variant($value);
82 // Make a button look and behave like a link
84 font-weight: $font-weight-normal;
86 text-decoration: $link-decoration;
89 color: $link-hover-color;
90 text-decoration: $link-hover-decoration;
95 text-decoration: $link-hover-decoration;
100 color: $btn-link-disabled-color;
101 pointer-events: none;
104 // No need for an active state here
113 @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
117 @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
129 // Vertically space out multiple block buttons
131 margin-top: $btn-block-spacing-y;
135 // Specificity overrides
136 input[type="submit"],
138 input[type="button"] {