bootstrap-sass 2.2.1.1 → 2.2.2.0
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.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +2 -2
- data/vendor/assets/javascripts/bootstrap-affix.js +12 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +12 -1
- data/vendor/assets/javascripts/bootstrap-button.js +12 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +11 -2
- data/vendor/assets/javascripts/bootstrap-collapse.js +15 -4
- data/vendor/assets/javascripts/bootstrap-dropdown.js +16 -3
- data/vendor/assets/javascripts/bootstrap-modal.js +12 -1
- data/vendor/assets/javascripts/bootstrap-popover.js +14 -3
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +13 -2
- data/vendor/assets/javascripts/bootstrap-tab.js +12 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +12 -1
- data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/bootstrap-typeahead.js +23 -10
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +14 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +5 -5
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +27 -42
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +5 -7
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +15 -15
- data/vendor/assets/stylesheets/bootstrap/_code.scss +3 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +5 -9
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +12 -8
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -15
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +22 -4
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +6 -0
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +50 -38
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +82 -4
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +36 -35
- data/vendor/assets/stylesheets/bootstrap/_type.scss +29 -21
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +7 -7
- data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/responsive.scss +10 -1
- metadata +4 -3
@@ -13,6 +13,10 @@
|
|
13
13
|
background-color: $warningBackground;
|
14
14
|
border: 1px solid $warningBorder;
|
15
15
|
@include border-radius($baseBorderRadius);
|
16
|
+
}
|
17
|
+
.alert,
|
18
|
+
.alert h4 {
|
19
|
+
// Specified for the h4 to prevent conflicts of changing $headingsColor
|
16
20
|
color: $warningText;
|
17
21
|
}
|
18
22
|
.alert h4 {
|
@@ -36,17 +40,27 @@
|
|
36
40
|
border-color: $successBorder;
|
37
41
|
color: $successText;
|
38
42
|
}
|
43
|
+
.alert-success h4 {
|
44
|
+
color: $successText;
|
45
|
+
}
|
39
46
|
.alert-danger,
|
40
47
|
.alert-error {
|
41
48
|
background-color: $errorBackground;
|
42
49
|
border-color: $errorBorder;
|
43
50
|
color: $errorText;
|
44
51
|
}
|
52
|
+
.alert-danger h4,
|
53
|
+
.alert-error h4 {
|
54
|
+
color: $errorText;
|
55
|
+
}
|
45
56
|
.alert-info {
|
46
57
|
background-color: $infoBackground;
|
47
58
|
border-color: $infoBorder;
|
48
59
|
color: $infoText;
|
49
60
|
}
|
61
|
+
.alert-info h4 {
|
62
|
+
color: $infoText;
|
63
|
+
}
|
50
64
|
|
51
65
|
|
52
66
|
// Block alerts
|
@@ -9,14 +9,14 @@
|
|
9
9
|
list-style: none;
|
10
10
|
background-color: #f5f5f5;
|
11
11
|
@include border-radius($baseBorderRadius);
|
12
|
-
li {
|
12
|
+
> li {
|
13
13
|
display: inline-block;
|
14
14
|
@include ie7-inline-block();
|
15
15
|
text-shadow: 0 1px 0 $white;
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
16
|
+
> .divider {
|
17
|
+
padding: 0 5px;
|
18
|
+
color: #ccc;
|
19
|
+
}
|
20
20
|
}
|
21
21
|
.active {
|
22
22
|
color: $grayLight;
|
@@ -24,9 +24,9 @@
|
|
24
24
|
font-size: 0; // Hack to remove whitespace that results from using inline-block
|
25
25
|
margin-top: $baseLineHeight / 2;
|
26
26
|
margin-bottom: $baseLineHeight / 2;
|
27
|
-
.btn + .btn,
|
28
|
-
.btn-group + .btn,
|
29
|
-
.btn + .btn-group {
|
27
|
+
> .btn + .btn,
|
28
|
+
> .btn-group + .btn,
|
29
|
+
> .btn + .btn-group {
|
30
30
|
margin-left: 5px;
|
31
31
|
}
|
32
32
|
}
|
@@ -40,59 +40,44 @@
|
|
40
40
|
margin-left: -1px;
|
41
41
|
}
|
42
42
|
.btn-group > .btn,
|
43
|
-
.btn-group > .dropdown-menu
|
43
|
+
.btn-group > .dropdown-menu,
|
44
|
+
.btn-group > .popover {
|
44
45
|
font-size: $baseFontSize; // redeclare as part 2 of font-size inline-block hack
|
45
46
|
}
|
46
47
|
|
47
48
|
// Reset fonts for other sizes
|
48
49
|
.btn-group > .btn-mini {
|
49
|
-
font-size:
|
50
|
+
font-size: $fontSizeMini;
|
50
51
|
}
|
51
52
|
.btn-group > .btn-small {
|
52
|
-
font-size:
|
53
|
+
font-size: $fontSizeSmall;
|
53
54
|
}
|
54
55
|
.btn-group > .btn-large {
|
55
|
-
font-size:
|
56
|
+
font-size: $fontSizeLarge;
|
56
57
|
}
|
57
58
|
|
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
|
59
60
|
.btn-group > .btn:first-child {
|
60
61
|
margin-left: 0;
|
61
|
-
|
62
|
-
|
63
|
-
border-top-left-radius: 4px;
|
64
|
-
-webkit-border-bottom-left-radius: 4px;
|
65
|
-
-moz-border-radius-bottomleft: 4px;
|
66
|
-
border-bottom-left-radius: 4px;
|
62
|
+
@include border-top-left-radius($baseBorderRadius);
|
63
|
+
@include border-bottom-left-radius($baseBorderRadius);
|
67
64
|
}
|
68
65
|
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
69
66
|
.btn-group > .btn:last-child,
|
70
67
|
.btn-group > .dropdown-toggle {
|
71
|
-
|
72
|
-
|
73
|
-
border-top-right-radius: 4px;
|
74
|
-
-webkit-border-bottom-right-radius: 4px;
|
75
|
-
-moz-border-radius-bottomright: 4px;
|
76
|
-
border-bottom-right-radius: 4px;
|
68
|
+
@include border-top-right-radius($baseBorderRadius);
|
69
|
+
@include border-bottom-right-radius($baseBorderRadius);
|
77
70
|
}
|
78
71
|
// Reset corners for large buttons
|
79
72
|
.btn-group > .btn.large:first-child {
|
80
73
|
margin-left: 0;
|
81
|
-
|
82
|
-
|
83
|
-
border-top-left-radius: 6px;
|
84
|
-
-webkit-border-bottom-left-radius: 6px;
|
85
|
-
-moz-border-radius-bottomleft: 6px;
|
86
|
-
border-bottom-left-radius: 6px;
|
74
|
+
@include border-top-left-radius($borderRadiusLarge);
|
75
|
+
@include border-bottom-left-radius($borderRadiusLarge);
|
87
76
|
}
|
88
77
|
.btn-group > .btn.large:last-child,
|
89
78
|
.btn-group > .large.dropdown-toggle {
|
90
|
-
|
91
|
-
|
92
|
-
border-top-right-radius: 6px;
|
93
|
-
-webkit-border-bottom-right-radius: 6px;
|
94
|
-
-moz-border-radius-bottomright: 6px;
|
95
|
-
border-bottom-right-radius: 6px;
|
79
|
+
@include border-top-right-radius($borderRadiusLarge);
|
80
|
+
@include border-bottom-right-radius($borderRadiusLarge);
|
96
81
|
}
|
97
82
|
|
98
83
|
// On hover/focus/active, bring the proper btn to front
|
@@ -218,25 +203,25 @@
|
|
218
203
|
display: inline-block; // makes buttons only take up the width they need
|
219
204
|
@include ie7-inline-block();
|
220
205
|
}
|
221
|
-
.btn-group-vertical .btn {
|
206
|
+
.btn-group-vertical > .btn {
|
222
207
|
display: block;
|
223
208
|
float: none;
|
224
|
-
width: 100%;
|
209
|
+
max-width: 100%;
|
225
210
|
@include border-radius(0);
|
226
211
|
}
|
227
|
-
.btn-group-vertical .btn + .btn {
|
212
|
+
.btn-group-vertical > .btn + .btn {
|
228
213
|
margin-left: 0;
|
229
214
|
margin-top: -1px;
|
230
215
|
}
|
231
|
-
.btn-group-vertical .btn:first-child {
|
232
|
-
@include border-radius(
|
216
|
+
.btn-group-vertical > .btn:first-child {
|
217
|
+
@include border-radius($baseBorderRadius $baseBorderRadius 0 0);
|
233
218
|
}
|
234
|
-
.btn-group-vertical .btn:last-child {
|
235
|
-
@include border-radius(0 0
|
219
|
+
.btn-group-vertical > .btn:last-child {
|
220
|
+
@include border-radius(0 0 $baseBorderRadius $baseBorderRadius);
|
236
221
|
}
|
237
|
-
.btn-group-vertical .btn-large:first-child {
|
238
|
-
@include border-radius(
|
222
|
+
.btn-group-vertical > .btn-large:first-child {
|
223
|
+
@include border-radius($borderRadiusLarge $borderRadiusLarge 0 0);
|
239
224
|
}
|
240
|
-
.btn-group-vertical .btn-large:last-child {
|
241
|
-
@include border-radius(0 0
|
225
|
+
.btn-group-vertical > .btn-large:last-child {
|
226
|
+
@include border-radius(0 0 $borderRadiusLarge $borderRadiusLarge);
|
242
227
|
}
|
@@ -14,7 +14,6 @@
|
|
14
14
|
margin-bottom: 0; // For input.btn
|
15
15
|
font-size: $baseFontSize;
|
16
16
|
line-height: $baseLineHeight;
|
17
|
-
*line-height: $baseLineHeight;
|
18
17
|
text-align: center;
|
19
18
|
vertical-align: middle;
|
20
19
|
cursor: pointer;
|
@@ -30,8 +29,6 @@
|
|
30
29
|
&:hover {
|
31
30
|
color: $grayDark;
|
32
31
|
text-decoration: none;
|
33
|
-
background-color: darken($white, 10%);
|
34
|
-
*background-color: darken($white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
|
35
32
|
background-position: 0 -15px;
|
36
33
|
|
37
34
|
// transition is only when going to hover, otherwise the background
|
@@ -47,8 +44,6 @@
|
|
47
44
|
// Active state
|
48
45
|
&.active,
|
49
46
|
&:active {
|
50
|
-
background-color: darken($white, 10%);
|
51
|
-
background-color: darken($white, 15%) \9;
|
52
47
|
background-image: none;
|
53
48
|
outline: 0;
|
54
49
|
@include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05));
|
@@ -58,7 +53,6 @@
|
|
58
53
|
&.disabled,
|
59
54
|
&[disabled] {
|
60
55
|
cursor: default;
|
61
|
-
background-color: darken($white, 10%);
|
62
56
|
background-image: none;
|
63
57
|
@include opacity(65);
|
64
58
|
@include box-shadow(none);
|
@@ -79,7 +73,7 @@
|
|
79
73
|
}
|
80
74
|
.btn-large [class^="icon-"],
|
81
75
|
.btn-large [class*=" icon-"] {
|
82
|
-
margin-top:
|
76
|
+
margin-top: 4px;
|
83
77
|
}
|
84
78
|
|
85
79
|
// Small
|
@@ -92,6 +86,10 @@
|
|
92
86
|
.btn-small [class*=" icon-"] {
|
93
87
|
margin-top: 0;
|
94
88
|
}
|
89
|
+
.btn-mini [class^="icon-"],
|
90
|
+
.btn-mini [class*=" icon-"] {
|
91
|
+
margin-top: -1px;
|
92
|
+
}
|
95
93
|
|
96
94
|
// Mini
|
97
95
|
.btn-mini {
|
@@ -15,50 +15,50 @@
|
|
15
15
|
position: relative;
|
16
16
|
}
|
17
17
|
|
18
|
-
.carousel {
|
18
|
+
.carousel-inner {
|
19
19
|
|
20
|
-
.item {
|
20
|
+
> .item {
|
21
21
|
display: none;
|
22
22
|
position: relative;
|
23
23
|
@include transition(.6s ease-in-out left);
|
24
24
|
}
|
25
25
|
|
26
26
|
// Account for jankitude on images
|
27
|
-
.item > img {
|
27
|
+
> .item > img {
|
28
28
|
display: block;
|
29
29
|
line-height: 1;
|
30
30
|
}
|
31
31
|
|
32
|
-
.active,
|
33
|
-
.next,
|
34
|
-
.prev { display: block; }
|
32
|
+
> .active,
|
33
|
+
> .next,
|
34
|
+
> .prev { display: block; }
|
35
35
|
|
36
|
-
.active {
|
36
|
+
> .active {
|
37
37
|
left: 0;
|
38
38
|
}
|
39
39
|
|
40
|
-
.next,
|
41
|
-
.prev {
|
40
|
+
> .next,
|
41
|
+
> .prev {
|
42
42
|
position: absolute;
|
43
43
|
top: 0;
|
44
44
|
width: 100%;
|
45
45
|
}
|
46
46
|
|
47
|
-
.next {
|
47
|
+
> .next {
|
48
48
|
left: 100%;
|
49
49
|
}
|
50
|
-
.prev {
|
50
|
+
> .prev {
|
51
51
|
left: -100%;
|
52
52
|
}
|
53
|
-
.next.left,
|
54
|
-
.prev.right {
|
53
|
+
> .next.left,
|
54
|
+
> .prev.right {
|
55
55
|
left: 0;
|
56
56
|
}
|
57
57
|
|
58
|
-
.active.left {
|
58
|
+
> .active.left {
|
59
59
|
left: -100%;
|
60
60
|
}
|
61
|
-
.active.right {
|
61
|
+
> .active.right {
|
62
62
|
left: 100%;
|
63
63
|
}
|
64
64
|
|
@@ -19,6 +19,7 @@ code {
|
|
19
19
|
color: #d14;
|
20
20
|
background-color: #f7f7f9;
|
21
21
|
border: 1px solid #e1e1e8;
|
22
|
+
white-space: nowrap;
|
22
23
|
}
|
23
24
|
|
24
25
|
// Blocks of code
|
@@ -46,6 +47,8 @@ pre {
|
|
46
47
|
code {
|
47
48
|
padding: 0;
|
48
49
|
color: inherit;
|
50
|
+
white-space: pre;
|
51
|
+
white-space: pre-wrap;
|
49
52
|
background-color: transparent;
|
50
53
|
border: 0;
|
51
54
|
}
|
@@ -115,6 +115,7 @@
|
|
115
115
|
text-decoration: none;
|
116
116
|
background-color: transparent;
|
117
117
|
background-image: none; // Remove CSS gradient
|
118
|
+
@include reset-filter();
|
118
119
|
cursor: default;
|
119
120
|
}
|
120
121
|
|
@@ -168,9 +169,7 @@
|
|
168
169
|
left: 100%;
|
169
170
|
margin-top: -6px;
|
170
171
|
margin-left: -1px;
|
171
|
-
|
172
|
-
-moz-border-radius: 0 6px 6px 6px;
|
173
|
-
border-radius: 0 6px 6px 6px;
|
172
|
+
@include border-radius(0 6px 6px 6px);
|
174
173
|
}
|
175
174
|
.dropdown-submenu:hover > .dropdown-menu {
|
176
175
|
display: block;
|
@@ -182,9 +181,7 @@
|
|
182
181
|
bottom: 0;
|
183
182
|
margin-top: 0;
|
184
183
|
margin-bottom: -2px;
|
185
|
-
|
186
|
-
-moz-border-radius: 5px 5px 5px 0;
|
187
|
-
border-radius: 5px 5px 5px 0;
|
184
|
+
@include border-radius(5px 5px 5px 0);
|
188
185
|
}
|
189
186
|
|
190
187
|
// Caret to indicate there is a submenu
|
@@ -215,9 +212,7 @@
|
|
215
212
|
> .dropdown-menu {
|
216
213
|
left: -100%;
|
217
214
|
margin-left: 10px;
|
218
|
-
|
219
|
-
-moz-border-radius: 6px 0 6px 6px;
|
220
|
-
border-radius: 6px 0 6px 6px;
|
215
|
+
@include border-radius(6px 0 6px 6px);
|
221
216
|
}
|
222
217
|
}
|
223
218
|
|
@@ -232,6 +227,7 @@
|
|
232
227
|
// Typeahead
|
233
228
|
// ---------
|
234
229
|
.typeahead {
|
230
|
+
z-index: 1051;
|
235
231
|
margin-top: 2px; // give it some space to breathe
|
236
232
|
@include border-radius($baseBorderRadius);
|
237
233
|
}
|
@@ -138,7 +138,6 @@ input[type="checkbox"] {
|
|
138
138
|
*margin-top: 0; /* IE7 */
|
139
139
|
margin-top: 1px \9; /* IE8-9 */
|
140
140
|
line-height: normal;
|
141
|
-
cursor: pointer;
|
142
141
|
}
|
143
142
|
|
144
143
|
// Reset width of input images, buttons, radios, checkboxes
|
@@ -367,9 +366,9 @@ input[type="checkbox"][readonly] {
|
|
367
366
|
|
368
367
|
// HTML5 invalid states
|
369
368
|
// Shares styles with the .control-group.error above
|
370
|
-
input:focus:
|
371
|
-
textarea:focus:
|
372
|
-
select:focus:
|
369
|
+
input:focus:invalid,
|
370
|
+
textarea:focus:invalid,
|
371
|
+
select:focus:invalid {
|
373
372
|
color: #b94a48;
|
374
373
|
border-color: #ee5f5b;
|
375
374
|
&:focus {
|
@@ -462,7 +461,8 @@ select:focus:required:invalid {
|
|
462
461
|
border: 1px solid #ccc;
|
463
462
|
}
|
464
463
|
.add-on,
|
465
|
-
.btn
|
464
|
+
.btn,
|
465
|
+
.btn-group > .dropdown-toggle {
|
466
466
|
vertical-align: top;
|
467
467
|
@include border-radius(0);
|
468
468
|
}
|
@@ -489,7 +489,7 @@ select:focus:required:invalid {
|
|
489
489
|
select,
|
490
490
|
.uneditable-input {
|
491
491
|
@include border-radius($inputBorderRadius 0 0 $inputBorderRadius);
|
492
|
-
+ .btn-group .btn {
|
492
|
+
+ .btn-group .btn:last-child {
|
493
493
|
@include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
|
494
494
|
}
|
495
495
|
}
|
@@ -499,7 +499,8 @@ select:focus:required:invalid {
|
|
499
499
|
margin-left: -1px;
|
500
500
|
}
|
501
501
|
.add-on:last-child,
|
502
|
-
.btn:last-child
|
502
|
+
.btn:last-child,
|
503
|
+
.btn-group:last-child > .dropdown-toggle {
|
503
504
|
@include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
|
504
505
|
}
|
505
506
|
}
|
@@ -670,7 +671,10 @@ legend + .control-group {
|
|
670
671
|
// And apply it only to .help-block instances that follow a form control
|
671
672
|
input,
|
672
673
|
select,
|
673
|
-
textarea
|
674
|
+
textarea,
|
675
|
+
.uneditable-input,
|
676
|
+
.input-prepend,
|
677
|
+
.input-append {
|
674
678
|
+ .help-block {
|
675
679
|
margin-top: $baseLineHeight / 2;
|
676
680
|
}
|
@@ -27,6 +27,14 @@
|
|
27
27
|
@include border-radius(9px);
|
28
28
|
}
|
29
29
|
|
30
|
+
// Empty labels/badges collapse
|
31
|
+
.label,
|
32
|
+
.badge {
|
33
|
+
&:empty {
|
34
|
+
display: none;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
30
38
|
// Hover state, but only for links
|
31
39
|
a {
|
32
40
|
&.label:hover,
|
@@ -39,21 +47,23 @@ a {
|
|
39
47
|
|
40
48
|
// Colors
|
41
49
|
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
50
|
+
@each $item in label, badge {
|
51
|
+
// Important (red)
|
52
|
+
.#{$item}-important { background-color: $errorText; }
|
53
|
+
.#{$item}-important[href] { background-color: darken($errorText, 10%); }
|
54
|
+
// Warnings (orange)
|
55
|
+
.#{$item}-warning { background-color: $orange; }
|
56
|
+
.#{$item}-warning[href] { background-color: darken($orange, 10%); }
|
57
|
+
// Success (green)
|
58
|
+
.#{$item}-success { background-color: $successText; }
|
59
|
+
.#{$item}-success[href] { background-color: darken($successText, 10%); }
|
60
|
+
// Info (turquoise)
|
61
|
+
.#{$item}-info { background-color: $infoText; }
|
62
|
+
.#{$item}-info[href] { background-color: darken($infoText, 10%); }
|
63
|
+
// Inverse (black)
|
64
|
+
.#{$item}-inverse { background-color: $grayDark; }
|
65
|
+
.#{$item}-inverse[href] { background-color: darken($grayDark, 10%); }
|
66
|
+
}
|
57
67
|
|
58
68
|
// Quick fix for labels/badges in buttons
|
59
69
|
.btn {
|