bootstrap-sass 2.2.1.1 → 2.2.2.0

Sign up to get free protection for your applications and to get access to all the features.

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 {