api_taster 0.8.2 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/api_taster.gemspec +3 -3
- data/lib/api_taster.rb +1 -1
- data/lib/api_taster/engine.rb +2 -0
- data/lib/api_taster/version.rb +1 -1
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
- data/vendor/assets/javascripts/bootstrap-button.js +105 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +169 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
- data/vendor/assets/javascripts/bootstrap.js +13 -0
- data/vendor/assets/stylesheets/bootstrap-responsive.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +34 -0
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +79 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +229 -0
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +228 -0
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +158 -0
- data/vendor/assets/stylesheets/bootstrap/_close.scss +32 -0
- data/vendor/assets/stylesheets/bootstrap/_code.scss +61 -0
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +248 -0
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +689 -0
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +25 -0
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +83 -0
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_media.scss +55 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +696 -0
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +95 -0
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +497 -0
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +409 -0
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +43 -0
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +123 -0
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +133 -0
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +122 -0
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +216 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +28 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +193 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +19 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +189 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +74 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +197 -0
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +235 -0
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +70 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +247 -0
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +45 -0
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +301 -0
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrap/responsive.scss +48 -0
- metadata +63 -16
@@ -0,0 +1,79 @@
|
|
1
|
+
//
|
2
|
+
// Alerts
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Base styles
|
7
|
+
// -------------------------
|
8
|
+
|
9
|
+
.alert {
|
10
|
+
padding: 8px 35px 8px 14px;
|
11
|
+
margin-bottom: $baseLineHeight;
|
12
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
13
|
+
background-color: $warningBackground;
|
14
|
+
border: 1px solid $warningBorder;
|
15
|
+
@include border-radius($baseBorderRadius);
|
16
|
+
}
|
17
|
+
.alert,
|
18
|
+
.alert h4 {
|
19
|
+
// Specified for the h4 to prevent conflicts of changing $headingsColor
|
20
|
+
color: $warningText;
|
21
|
+
}
|
22
|
+
.alert h4 {
|
23
|
+
margin: 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
// Adjust close link position
|
27
|
+
.alert .close {
|
28
|
+
position: relative;
|
29
|
+
top: -2px;
|
30
|
+
right: -21px;
|
31
|
+
line-height: $baseLineHeight;
|
32
|
+
}
|
33
|
+
|
34
|
+
|
35
|
+
// Alternate styles
|
36
|
+
// -------------------------
|
37
|
+
|
38
|
+
.alert-success {
|
39
|
+
background-color: $successBackground;
|
40
|
+
border-color: $successBorder;
|
41
|
+
color: $successText;
|
42
|
+
}
|
43
|
+
.alert-success h4 {
|
44
|
+
color: $successText;
|
45
|
+
}
|
46
|
+
.alert-danger,
|
47
|
+
.alert-error {
|
48
|
+
background-color: $errorBackground;
|
49
|
+
border-color: $errorBorder;
|
50
|
+
color: $errorText;
|
51
|
+
}
|
52
|
+
.alert-danger h4,
|
53
|
+
.alert-error h4 {
|
54
|
+
color: $errorText;
|
55
|
+
}
|
56
|
+
.alert-info {
|
57
|
+
background-color: $infoBackground;
|
58
|
+
border-color: $infoBorder;
|
59
|
+
color: $infoText;
|
60
|
+
}
|
61
|
+
.alert-info h4 {
|
62
|
+
color: $infoText;
|
63
|
+
}
|
64
|
+
|
65
|
+
|
66
|
+
// Block alerts
|
67
|
+
// -------------------------
|
68
|
+
|
69
|
+
.alert-block {
|
70
|
+
padding-top: 14px;
|
71
|
+
padding-bottom: 14px;
|
72
|
+
}
|
73
|
+
.alert-block > p,
|
74
|
+
.alert-block > ul {
|
75
|
+
margin-bottom: 0;
|
76
|
+
}
|
77
|
+
.alert-block p + p {
|
78
|
+
margin-top: 5px;
|
79
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
//
|
2
|
+
// Breadcrumbs
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
.breadcrumb {
|
7
|
+
padding: 8px 15px;
|
8
|
+
margin: 0 0 $baseLineHeight;
|
9
|
+
list-style: none;
|
10
|
+
background-color: #f5f5f5;
|
11
|
+
@include border-radius($baseBorderRadius);
|
12
|
+
> li {
|
13
|
+
display: inline-block;
|
14
|
+
@include ie7-inline-block();
|
15
|
+
text-shadow: 0 1px 0 $white;
|
16
|
+
> .divider {
|
17
|
+
padding: 0 5px;
|
18
|
+
color: #ccc;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
.active {
|
22
|
+
color: $grayLight;
|
23
|
+
}
|
24
|
+
}
|
@@ -0,0 +1,229 @@
|
|
1
|
+
//
|
2
|
+
// Button groups
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Make the div behave like a button
|
7
|
+
.btn-group {
|
8
|
+
position: relative;
|
9
|
+
display: inline-block;
|
10
|
+
@include ie7-inline-block();
|
11
|
+
font-size: 0; // remove as part 1 of font-size inline-block hack
|
12
|
+
vertical-align: middle; // match .btn alignment given font-size hack above
|
13
|
+
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
|
14
|
+
@include ie7-restore-left-whitespace();
|
15
|
+
}
|
16
|
+
|
17
|
+
// Space out series of button groups
|
18
|
+
.btn-group + .btn-group {
|
19
|
+
margin-left: 5px;
|
20
|
+
}
|
21
|
+
|
22
|
+
// Optional: Group multiple button groups together for a toolbar
|
23
|
+
.btn-toolbar {
|
24
|
+
font-size: 0; // Hack to remove whitespace that results from using inline-block
|
25
|
+
margin-top: $baseLineHeight / 2;
|
26
|
+
margin-bottom: $baseLineHeight / 2;
|
27
|
+
> .btn + .btn,
|
28
|
+
> .btn-group + .btn,
|
29
|
+
> .btn + .btn-group {
|
30
|
+
margin-left: 5px;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
// Float them, remove border radius, then re-add to first and last elements
|
35
|
+
.btn-group > .btn {
|
36
|
+
position: relative;
|
37
|
+
@include border-radius(0);
|
38
|
+
}
|
39
|
+
.btn-group > .btn + .btn {
|
40
|
+
margin-left: -1px;
|
41
|
+
}
|
42
|
+
.btn-group > .btn,
|
43
|
+
.btn-group > .dropdown-menu,
|
44
|
+
.btn-group > .popover {
|
45
|
+
font-size: $baseFontSize; // redeclare as part 2 of font-size inline-block hack
|
46
|
+
}
|
47
|
+
|
48
|
+
// Reset fonts for other sizes
|
49
|
+
.btn-group > .btn-mini {
|
50
|
+
font-size: $fontSizeMini;
|
51
|
+
}
|
52
|
+
.btn-group > .btn-small {
|
53
|
+
font-size: $fontSizeSmall;
|
54
|
+
}
|
55
|
+
.btn-group > .btn-large {
|
56
|
+
font-size: $fontSizeLarge;
|
57
|
+
}
|
58
|
+
|
59
|
+
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
60
|
+
.btn-group > .btn:first-child {
|
61
|
+
margin-left: 0;
|
62
|
+
@include border-top-left-radius($baseBorderRadius);
|
63
|
+
@include border-bottom-left-radius($baseBorderRadius);
|
64
|
+
}
|
65
|
+
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
66
|
+
.btn-group > .btn:last-child,
|
67
|
+
.btn-group > .dropdown-toggle {
|
68
|
+
@include border-top-right-radius($baseBorderRadius);
|
69
|
+
@include border-bottom-right-radius($baseBorderRadius);
|
70
|
+
}
|
71
|
+
// Reset corners for large buttons
|
72
|
+
.btn-group > .btn.large:first-child {
|
73
|
+
margin-left: 0;
|
74
|
+
@include border-top-left-radius($borderRadiusLarge);
|
75
|
+
@include border-bottom-left-radius($borderRadiusLarge);
|
76
|
+
}
|
77
|
+
.btn-group > .btn.large:last-child,
|
78
|
+
.btn-group > .large.dropdown-toggle {
|
79
|
+
@include border-top-right-radius($borderRadiusLarge);
|
80
|
+
@include border-bottom-right-radius($borderRadiusLarge);
|
81
|
+
}
|
82
|
+
|
83
|
+
// On hover/focus/active, bring the proper btn to front
|
84
|
+
.btn-group > .btn:hover,
|
85
|
+
.btn-group > .btn:focus,
|
86
|
+
.btn-group > .btn:active,
|
87
|
+
.btn-group > .btn.active {
|
88
|
+
z-index: 2;
|
89
|
+
}
|
90
|
+
|
91
|
+
// On active and open, don't show outline
|
92
|
+
.btn-group .dropdown-toggle:active,
|
93
|
+
.btn-group.open .dropdown-toggle {
|
94
|
+
outline: 0;
|
95
|
+
}
|
96
|
+
|
97
|
+
|
98
|
+
|
99
|
+
// Split button dropdowns
|
100
|
+
// ----------------------
|
101
|
+
|
102
|
+
// Give the line between buttons some depth
|
103
|
+
.btn-group > .btn + .dropdown-toggle {
|
104
|
+
padding-left: 8px;
|
105
|
+
padding-right: 8px;
|
106
|
+
@include box-shadow(inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05));
|
107
|
+
*padding-top: 5px;
|
108
|
+
*padding-bottom: 5px;
|
109
|
+
}
|
110
|
+
.btn-group > .btn-mini + .dropdown-toggle {
|
111
|
+
padding-left: 5px;
|
112
|
+
padding-right: 5px;
|
113
|
+
*padding-top: 2px;
|
114
|
+
*padding-bottom: 2px;
|
115
|
+
}
|
116
|
+
.btn-group > .btn-small + .dropdown-toggle {
|
117
|
+
*padding-top: 5px;
|
118
|
+
*padding-bottom: 4px;
|
119
|
+
}
|
120
|
+
.btn-group > .btn-large + .dropdown-toggle {
|
121
|
+
padding-left: 12px;
|
122
|
+
padding-right: 12px;
|
123
|
+
*padding-top: 7px;
|
124
|
+
*padding-bottom: 7px;
|
125
|
+
}
|
126
|
+
|
127
|
+
.btn-group.open {
|
128
|
+
|
129
|
+
// The clickable button for toggling the menu
|
130
|
+
// Remove the gradient and set the same inset shadow as the :active state
|
131
|
+
.dropdown-toggle {
|
132
|
+
background-image: none;
|
133
|
+
@include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05));
|
134
|
+
}
|
135
|
+
|
136
|
+
// Keep the hover's background when dropdown is open
|
137
|
+
.btn.dropdown-toggle {
|
138
|
+
background-color: $btnBackgroundHighlight;
|
139
|
+
}
|
140
|
+
.btn-primary.dropdown-toggle {
|
141
|
+
background-color: $btnPrimaryBackgroundHighlight;
|
142
|
+
}
|
143
|
+
.btn-warning.dropdown-toggle {
|
144
|
+
background-color: $btnWarningBackgroundHighlight;
|
145
|
+
}
|
146
|
+
.btn-danger.dropdown-toggle {
|
147
|
+
background-color: $btnDangerBackgroundHighlight;
|
148
|
+
}
|
149
|
+
.btn-success.dropdown-toggle {
|
150
|
+
background-color: $btnSuccessBackgroundHighlight;
|
151
|
+
}
|
152
|
+
.btn-info.dropdown-toggle {
|
153
|
+
background-color: $btnInfoBackgroundHighlight;
|
154
|
+
}
|
155
|
+
.btn-inverse.dropdown-toggle {
|
156
|
+
background-color: $btnInverseBackgroundHighlight;
|
157
|
+
}
|
158
|
+
}
|
159
|
+
|
160
|
+
|
161
|
+
// Reposition the caret
|
162
|
+
.btn .caret {
|
163
|
+
margin-top: 8px;
|
164
|
+
margin-left: 0;
|
165
|
+
}
|
166
|
+
// Carets in other button sizes
|
167
|
+
.btn-large .caret {
|
168
|
+
margin-top: 6px;
|
169
|
+
}
|
170
|
+
.btn-large .caret {
|
171
|
+
border-left-width: 5px;
|
172
|
+
border-right-width: 5px;
|
173
|
+
border-top-width: 5px;
|
174
|
+
}
|
175
|
+
.btn-mini .caret,
|
176
|
+
.btn-small .caret {
|
177
|
+
margin-top: 8px;
|
178
|
+
}
|
179
|
+
// Upside down carets for .dropup
|
180
|
+
.dropup .btn-large .caret {
|
181
|
+
border-bottom-width: 5px;
|
182
|
+
}
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
// Account for other colors
|
187
|
+
.btn-primary,
|
188
|
+
.btn-warning,
|
189
|
+
.btn-danger,
|
190
|
+
.btn-info,
|
191
|
+
.btn-success,
|
192
|
+
.btn-inverse {
|
193
|
+
.caret {
|
194
|
+
border-top-color: $white;
|
195
|
+
border-bottom-color: $white;
|
196
|
+
}
|
197
|
+
}
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
// Vertical button groups
|
202
|
+
// ----------------------
|
203
|
+
|
204
|
+
.btn-group-vertical {
|
205
|
+
display: inline-block; // makes buttons only take up the width they need
|
206
|
+
@include ie7-inline-block();
|
207
|
+
}
|
208
|
+
.btn-group-vertical > .btn {
|
209
|
+
display: block;
|
210
|
+
float: none;
|
211
|
+
max-width: 100%;
|
212
|
+
@include border-radius(0);
|
213
|
+
}
|
214
|
+
.btn-group-vertical > .btn + .btn {
|
215
|
+
margin-left: 0;
|
216
|
+
margin-top: -1px;
|
217
|
+
}
|
218
|
+
.btn-group-vertical > .btn:first-child {
|
219
|
+
@include border-radius($baseBorderRadius $baseBorderRadius 0 0);
|
220
|
+
}
|
221
|
+
.btn-group-vertical > .btn:last-child {
|
222
|
+
@include border-radius(0 0 $baseBorderRadius $baseBorderRadius);
|
223
|
+
}
|
224
|
+
.btn-group-vertical > .btn-large:first-child {
|
225
|
+
@include border-radius($borderRadiusLarge $borderRadiusLarge 0 0);
|
226
|
+
}
|
227
|
+
.btn-group-vertical > .btn-large:last-child {
|
228
|
+
@include border-radius(0 0 $borderRadiusLarge $borderRadiusLarge);
|
229
|
+
}
|
@@ -0,0 +1,228 @@
|
|
1
|
+
//
|
2
|
+
// Buttons
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Base styles
|
7
|
+
// --------------------------------------------------
|
8
|
+
|
9
|
+
// Core
|
10
|
+
.btn {
|
11
|
+
display: inline-block;
|
12
|
+
@include ie7-inline-block();
|
13
|
+
padding: 4px 12px;
|
14
|
+
margin-bottom: 0; // For input.btn
|
15
|
+
font-size: $baseFontSize;
|
16
|
+
line-height: $baseLineHeight;
|
17
|
+
text-align: center;
|
18
|
+
vertical-align: middle;
|
19
|
+
cursor: pointer;
|
20
|
+
@include buttonBackground($btnBackground, $btnBackgroundHighlight, $grayDark, 0 1px 1px rgba(255,255,255,.75));
|
21
|
+
border: 1px solid $btnBorder;
|
22
|
+
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
23
|
+
border-bottom-color: darken($btnBorder, 10%);
|
24
|
+
@include border-radius($baseBorderRadius);
|
25
|
+
@include ie7-restore-left-whitespace(); // Give IE7 some love
|
26
|
+
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05));
|
27
|
+
|
28
|
+
// Hover/focus state
|
29
|
+
&:hover,
|
30
|
+
&:focus {
|
31
|
+
color: $grayDark;
|
32
|
+
text-decoration: none;
|
33
|
+
background-position: 0 -15px;
|
34
|
+
|
35
|
+
// transition is only when going to hover/focus, otherwise the background
|
36
|
+
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
37
|
+
@include transition(background-position .1s linear);
|
38
|
+
}
|
39
|
+
|
40
|
+
// Focus state for keyboard and accessibility
|
41
|
+
&:focus {
|
42
|
+
@include tab-focus();
|
43
|
+
}
|
44
|
+
|
45
|
+
// Active state
|
46
|
+
&.active,
|
47
|
+
&:active {
|
48
|
+
background-image: none;
|
49
|
+
outline: 0;
|
50
|
+
@include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05));
|
51
|
+
}
|
52
|
+
|
53
|
+
// Disabled state
|
54
|
+
&.disabled,
|
55
|
+
&[disabled] {
|
56
|
+
cursor: default;
|
57
|
+
background-image: none;
|
58
|
+
@include opacity(65);
|
59
|
+
@include box-shadow(none);
|
60
|
+
}
|
61
|
+
|
62
|
+
}
|
63
|
+
|
64
|
+
|
65
|
+
|
66
|
+
// Button Sizes
|
67
|
+
// --------------------------------------------------
|
68
|
+
|
69
|
+
// Large
|
70
|
+
.btn-large {
|
71
|
+
padding: $paddingLarge;
|
72
|
+
font-size: $fontSizeLarge;
|
73
|
+
@include border-radius($borderRadiusLarge);
|
74
|
+
}
|
75
|
+
.btn-large [class^="icon-"],
|
76
|
+
.btn-large [class*=" icon-"] {
|
77
|
+
margin-top: 4px;
|
78
|
+
}
|
79
|
+
|
80
|
+
// Small
|
81
|
+
.btn-small {
|
82
|
+
padding: $paddingSmall;
|
83
|
+
font-size: $fontSizeSmall;
|
84
|
+
@include border-radius($borderRadiusSmall);
|
85
|
+
}
|
86
|
+
.btn-small [class^="icon-"],
|
87
|
+
.btn-small [class*=" icon-"] {
|
88
|
+
margin-top: 0;
|
89
|
+
}
|
90
|
+
.btn-mini [class^="icon-"],
|
91
|
+
.btn-mini [class*=" icon-"] {
|
92
|
+
margin-top: -1px;
|
93
|
+
}
|
94
|
+
|
95
|
+
// Mini
|
96
|
+
.btn-mini {
|
97
|
+
padding: $paddingMini;
|
98
|
+
font-size: $fontSizeMini;
|
99
|
+
@include border-radius($borderRadiusSmall);
|
100
|
+
}
|
101
|
+
|
102
|
+
|
103
|
+
// Block button
|
104
|
+
// -------------------------
|
105
|
+
|
106
|
+
.btn-block {
|
107
|
+
display: block;
|
108
|
+
width: 100%;
|
109
|
+
padding-left: 0;
|
110
|
+
padding-right: 0;
|
111
|
+
@include box-sizing(border-box);
|
112
|
+
}
|
113
|
+
|
114
|
+
// Vertically space out multiple block buttons
|
115
|
+
.btn-block + .btn-block {
|
116
|
+
margin-top: 5px;
|
117
|
+
}
|
118
|
+
|
119
|
+
// Specificity overrides
|
120
|
+
input[type="submit"],
|
121
|
+
input[type="reset"],
|
122
|
+
input[type="button"] {
|
123
|
+
&.btn-block {
|
124
|
+
width: 100%;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
|
129
|
+
|
130
|
+
// Alternate buttons
|
131
|
+
// --------------------------------------------------
|
132
|
+
|
133
|
+
// Provide *some* extra contrast for those who can get it
|
134
|
+
.btn-primary.active,
|
135
|
+
.btn-warning.active,
|
136
|
+
.btn-danger.active,
|
137
|
+
.btn-success.active,
|
138
|
+
.btn-info.active,
|
139
|
+
.btn-inverse.active {
|
140
|
+
color: rgba(255,255,255,.75);
|
141
|
+
}
|
142
|
+
|
143
|
+
// Set the backgrounds
|
144
|
+
// -------------------------
|
145
|
+
.btn-primary {
|
146
|
+
@include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
|
147
|
+
}
|
148
|
+
// Warning appears are orange
|
149
|
+
.btn-warning {
|
150
|
+
@include buttonBackground($btnWarningBackground, $btnWarningBackgroundHighlight);
|
151
|
+
}
|
152
|
+
// Danger and error appear as red
|
153
|
+
.btn-danger {
|
154
|
+
@include buttonBackground($btnDangerBackground, $btnDangerBackgroundHighlight);
|
155
|
+
}
|
156
|
+
// Success appears as green
|
157
|
+
.btn-success {
|
158
|
+
@include buttonBackground($btnSuccessBackground, $btnSuccessBackgroundHighlight);
|
159
|
+
}
|
160
|
+
// Info appears as a neutral blue
|
161
|
+
.btn-info {
|
162
|
+
@include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight);
|
163
|
+
}
|
164
|
+
// Inverse appears as dark gray
|
165
|
+
.btn-inverse {
|
166
|
+
@include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
|
167
|
+
}
|
168
|
+
|
169
|
+
|
170
|
+
// Cross-browser Jank
|
171
|
+
// --------------------------------------------------
|
172
|
+
|
173
|
+
button.btn,
|
174
|
+
input[type="submit"].btn {
|
175
|
+
|
176
|
+
// Firefox 3.6 only I believe
|
177
|
+
&::-moz-focus-inner {
|
178
|
+
padding: 0;
|
179
|
+
border: 0;
|
180
|
+
}
|
181
|
+
|
182
|
+
// IE7 has some default padding on button controls
|
183
|
+
*padding-top: 3px;
|
184
|
+
*padding-bottom: 3px;
|
185
|
+
|
186
|
+
&.btn-large {
|
187
|
+
*padding-top: 7px;
|
188
|
+
*padding-bottom: 7px;
|
189
|
+
}
|
190
|
+
&.btn-small {
|
191
|
+
*padding-top: 3px;
|
192
|
+
*padding-bottom: 3px;
|
193
|
+
}
|
194
|
+
&.btn-mini {
|
195
|
+
*padding-top: 1px;
|
196
|
+
*padding-bottom: 1px;
|
197
|
+
}
|
198
|
+
}
|
199
|
+
|
200
|
+
|
201
|
+
// Link buttons
|
202
|
+
// --------------------------------------------------
|
203
|
+
|
204
|
+
// Make a button look and behave like a link
|
205
|
+
.btn-link,
|
206
|
+
.btn-link:active,
|
207
|
+
.btn-link[disabled] {
|
208
|
+
background-color: transparent;
|
209
|
+
background-image: none;
|
210
|
+
@include box-shadow(none);
|
211
|
+
}
|
212
|
+
.btn-link {
|
213
|
+
border-color: transparent;
|
214
|
+
cursor: pointer;
|
215
|
+
color: $linkColor;
|
216
|
+
@include border-radius(0);
|
217
|
+
}
|
218
|
+
.btn-link:hover,
|
219
|
+
.btn-link:focus {
|
220
|
+
color: $linkColorHover;
|
221
|
+
text-decoration: underline;
|
222
|
+
background-color: transparent;
|
223
|
+
}
|
224
|
+
.btn-link[disabled]:hover,
|
225
|
+
.btn-link[disabled]:focus {
|
226
|
+
color: $grayDark;
|
227
|
+
text-decoration: none;
|
228
|
+
}
|