3 // --------------------------------------------------
6 // --------------------------------------------------
10 margin-bottom: 0; // For input.btn
11 font-weight: $btn-font-weight;
13 vertical-align: middle;
14 touch-action: manipulation;
16 background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
17 border: 1px solid transparent;
19 @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
20 @include user-select(none);
34 color: $btn-default-color;
35 text-decoration: none;
41 background-image: none;
42 @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
47 fieldset[disabled] & {
48 cursor: $cursor-disabled;
49 @include opacity(.65);
50 @include box-shadow(none);
53 // [converter] extracted a& to a.btn
58 fieldset[disabled] & {
59 pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
64 // --------------------------------------------------
67 @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
71 @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
74 // Success appears as green
76 @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
79 // Info appears as blue-green
81 @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
84 // Warning appears as orange
86 @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
89 // Danger and error appear as red
91 @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
95 // -------------------------
97 // Make a button look and behave like a link
107 fieldset[disabled] & {
108 background-color: transparent;
109 @include box-shadow(none);
115 border-color: transparent;
119 color: $link-hover-color;
120 text-decoration: $link-hover-decoration;
121 background-color: transparent;
124 fieldset[disabled] & {
127 color: $btn-link-disabled-color;
128 text-decoration: none;
134 // --------------------------------------------------
137 // line-height: ensure even-numbered height of button next to large input
138 @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large);
142 // line-height: ensure proper height of button next to small input
143 @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
147 @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
151 // --------------------------------------------------
158 // Vertically space out multiple block buttons
159 .btn-block + .btn-block {
163 // Specificity overrides
164 input[type="submit"],
166 input[type="button"] {