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.

Files changed (35) hide show
  1. data/README.md +2 -2
  2. data/vendor/assets/javascripts/bootstrap-affix.js +12 -1
  3. data/vendor/assets/javascripts/bootstrap-alert.js +12 -1
  4. data/vendor/assets/javascripts/bootstrap-button.js +12 -1
  5. data/vendor/assets/javascripts/bootstrap-carousel.js +11 -2
  6. data/vendor/assets/javascripts/bootstrap-collapse.js +15 -4
  7. data/vendor/assets/javascripts/bootstrap-dropdown.js +16 -3
  8. data/vendor/assets/javascripts/bootstrap-modal.js +12 -1
  9. data/vendor/assets/javascripts/bootstrap-popover.js +14 -3
  10. data/vendor/assets/javascripts/bootstrap-scrollspy.js +13 -2
  11. data/vendor/assets/javascripts/bootstrap-tab.js +12 -1
  12. data/vendor/assets/javascripts/bootstrap-tooltip.js +12 -1
  13. data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
  14. data/vendor/assets/javascripts/bootstrap-typeahead.js +23 -10
  15. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +14 -0
  16. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +5 -5
  17. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +27 -42
  18. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +5 -7
  19. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +15 -15
  20. data/vendor/assets/stylesheets/bootstrap/_code.scss +3 -0
  21. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +5 -9
  22. data/vendor/assets/stylesheets/bootstrap/_forms.scss +12 -8
  23. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -15
  24. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +3 -3
  25. data/vendor/assets/stylesheets/bootstrap/_modals.scss +1 -1
  26. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +22 -4
  27. data/vendor/assets/stylesheets/bootstrap/_navs.scss +6 -0
  28. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +50 -38
  29. data/vendor/assets/stylesheets/bootstrap/_reset.scss +82 -4
  30. data/vendor/assets/stylesheets/bootstrap/_tables.scss +36 -35
  31. data/vendor/assets/stylesheets/bootstrap/_type.scss +29 -21
  32. data/vendor/assets/stylesheets/bootstrap/_variables.scss +7 -7
  33. data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +1 -1
  34. data/vendor/assets/stylesheets/bootstrap/responsive.scss +10 -1
  35. 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
- .divider {
18
- padding: 0 5px;
19
- color: #ccc;
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: 11px;
50
+ font-size: $fontSizeMini;
50
51
  }
51
52
  .btn-group > .btn-small {
52
- font-size: 12px;
53
+ font-size: $fontSizeSmall;
53
54
  }
54
55
  .btn-group > .btn-large {
55
- font-size: 16px;
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
- -webkit-border-top-left-radius: 4px;
62
- -moz-border-radius-topleft: 4px;
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
- -webkit-border-top-right-radius: 4px;
72
- -moz-border-radius-topright: 4px;
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
- -webkit-border-top-left-radius: 6px;
82
- -moz-border-radius-topleft: 6px;
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
- -webkit-border-top-right-radius: 6px;
91
- -moz-border-radius-topright: 6px;
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(4px 4px 0 0);
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 4px 4px);
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(6px 6px 0 0);
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 6px 6px);
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: 2px;
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
- -webkit-border-radius: 0 6px 6px 6px;
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
- -webkit-border-radius: 5px 5px 5px 0;
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
- -webkit-border-radius: 6px 0 6px 6px;
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:required:invalid,
371
- textarea:focus:required:invalid,
372
- select:focus:required:invalid {
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
- // Important (red)
43
- .label-important, .badge-important { background-color: $errorText; }
44
- .label-important[href], .badge-important[href] { background-color: darken($errorText, 10%); }
45
- // Warnings (orange)
46
- .label-warning, .badge-warning { background-color: $orange; }
47
- .label-warning[href], .badge-warning[href] { background-color: darken($orange, 10%); }
48
- // Success (green)
49
- .label-success, .badge-success { background-color: $successText; }
50
- .label-success[href], .badge-success[href] { background-color: darken($successText, 10%); }
51
- // Info (turquoise)
52
- .label-info, .badge-info { background-color: $infoText; }
53
- .label-info[href], .badge-info[href] { background-color: darken($infoText, 10%); }
54
- // Inverse (black)
55
- .label-inverse, .badge-inverse { background-color: $grayDark; }
56
- .label-inverse[href], .badge-inverse[href] { background-color: darken($grayDark, 10%); }
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 {