twitter-bootstrap-rails 2.1.7 → 2.1.8

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

Potentially problematic release.


This version of twitter-bootstrap-rails might be problematic. Click here for more details.

Files changed (40) hide show
  1. data/README.md +37 -0
  2. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +14 -2
  3. data/lib/twitter/bootstrap/rails/version.rb +1 -1
  4. data/test/lib/breadcrumbs_test.rb +75 -0
  5. data/test/test_helper.rb +8 -0
  6. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +12 -1
  7. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +12 -1
  8. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +12 -1
  9. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +11 -2
  10. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +15 -4
  11. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +16 -3
  12. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +12 -1
  13. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +14 -3
  14. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +13 -2
  15. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +12 -1
  16. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +12 -1
  17. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +1 -1
  18. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +23 -10
  19. data/vendor/toolkit/twitter/bootstrap/alerts.less +14 -0
  20. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +2 -1
  21. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +6 -6
  22. data/vendor/toolkit/twitter/bootstrap/button-groups.less +27 -42
  23. data/vendor/toolkit/twitter/bootstrap/buttons.less +5 -7
  24. data/vendor/toolkit/twitter/bootstrap/carousel.less +15 -15
  25. data/vendor/toolkit/twitter/bootstrap/code.less +3 -0
  26. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +5 -9
  27. data/vendor/toolkit/twitter/bootstrap/forms.less +12 -8
  28. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +8 -0
  29. data/vendor/toolkit/twitter/bootstrap/mixins.less +1 -1
  30. data/vendor/toolkit/twitter/bootstrap/modals.less +4 -3
  31. data/vendor/toolkit/twitter/bootstrap/navbar.less +21 -6
  32. data/vendor/toolkit/twitter/bootstrap/navs.less +6 -0
  33. data/vendor/toolkit/twitter/bootstrap/popovers.less +50 -38
  34. data/vendor/toolkit/twitter/bootstrap/reset.less +82 -4
  35. data/vendor/toolkit/twitter/bootstrap/responsive.less +10 -1
  36. data/vendor/toolkit/twitter/bootstrap/sprites.less +2 -2
  37. data/vendor/toolkit/twitter/bootstrap/tables.less +35 -34
  38. data/vendor/toolkit/twitter/bootstrap/type.less +29 -21
  39. data/vendor/toolkit/twitter/bootstrap/variables.less +2 -2
  40. metadata +22 -17
@@ -13,6 +13,10 @@
13
13
  background-color: @warningBackground;
14
14
  border: 1px solid @warningBorder;
15
15
  .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
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v2.2.1
2
+ * Bootstrap v2.2.2
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -27,6 +27,7 @@
27
27
  @import "tables.less";
28
28
 
29
29
  // Components: common
30
+ @import "sprites.less";
30
31
  @import "dropdowns.less";
31
32
  @import "wells.less";
32
33
  @import "component-animations.less";
@@ -9,16 +9,16 @@
9
9
  list-style: none;
10
10
  background-color: #f5f5f5;
11
11
  .border-radius(@baseBorderRadius);
12
- li {
12
+ > li {
13
13
  display: inline-block;
14
14
  .ie7-inline-block();
15
15
  text-shadow: 0 1px 0 @white;
16
+ > .divider {
17
+ padding: 0 5px;
18
+ color: #ccc;
19
+ }
16
20
  }
17
- .divider {
18
- padding: 0 5px;
19
- color: #ccc;
20
- }
21
- .active {
21
+ > .active {
22
22
  color: @grayLight;
23
23
  }
24
24
  }
@@ -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
+ .border-top-left-radius(@baseBorderRadius);
63
+ .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
+ .border-top-right-radius(@baseBorderRadius);
69
+ .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
+ .border-top-left-radius(@borderRadiusLarge);
75
+ .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
+ .border-top-right-radius(@borderRadiusLarge);
80
+ .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
  .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
  .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
- .border-radius(4px 4px 0 0);
216
+ .btn-group-vertical > .btn:first-child {
217
+ .border-radius(@baseBorderRadius @baseBorderRadius 0 0);
233
218
  }
234
- .btn-group-vertical .btn:last-child {
235
- .border-radius(0 0 4px 4px);
219
+ .btn-group-vertical > .btn:last-child {
220
+ .border-radius(0 0 @baseBorderRadius @baseBorderRadius);
236
221
  }
237
- .btn-group-vertical .btn-large:first-child {
238
- .border-radius(6px 6px 0 0);
222
+ .btn-group-vertical > .btn-large:first-child {
223
+ .border-radius(@borderRadiusLarge @borderRadiusLarge 0 0);
239
224
  }
240
- .btn-group-vertical .btn-large:last-child {
241
- .border-radius(0 0 6px 6px);
225
+ .btn-group-vertical > .btn-large:last-child {
226
+ .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%) e("\9");
52
47
  background-image: none;
53
48
  outline: 0;
54
49
  .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
  .opacity(65);
64
58
  .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
  .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
+ .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
+ .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
+ .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
+ .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
  .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 {
@@ -463,7 +462,8 @@ select:focus:required:invalid {
463
462
  border: 1px solid #ccc;
464
463
  }
465
464
  .add-on,
466
- .btn {
465
+ .btn,
466
+ .btn-group > .dropdown-toggle {
467
467
  vertical-align: top;
468
468
  .border-radius(0);
469
469
  }
@@ -490,7 +490,7 @@ select:focus:required:invalid {
490
490
  select,
491
491
  .uneditable-input {
492
492
  .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
493
- + .btn-group .btn {
493
+ + .btn-group .btn:last-child {
494
494
  .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
495
495
  }
496
496
  }
@@ -500,7 +500,8 @@ select:focus:required:invalid {
500
500
  margin-left: -1px;
501
501
  }
502
502
  .add-on:last-child,
503
- .btn:last-child {
503
+ .btn:last-child,
504
+ .btn-group:last-child > .dropdown-toggle {
504
505
  .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
505
506
  }
506
507
  }
@@ -671,7 +672,10 @@ legend + .control-group {
671
672
  // And apply it only to .help-block instances that follow a form control
672
673
  input,
673
674
  select,
674
- textarea {
675
+ textarea,
676
+ .uneditable-input,
677
+ .input-prepend,
678
+ .input-append {
675
679
  + .help-block {
676
680
  margin-top: @baseLineHeight / 2;
677
681
  }
@@ -27,6 +27,14 @@
27
27
  .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,
@@ -163,7 +163,7 @@
163
163
  // Mixin for form field states
164
164
  .formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
165
165
  // Set the text color
166
- > label,
166
+ .control-label,
167
167
  .help-block,
168
168
  .help-inline {
169
169
  color: @textColor;
@@ -23,11 +23,11 @@
23
23
  // Base modal
24
24
  .modal {
25
25
  position: fixed;
26
- top: 50%;
26
+ top: 10%;
27
27
  left: 50%;
28
28
  z-index: @zindexModal;
29
29
  width: 560px;
30
- margin: -250px 0 0 -280px;
30
+ margin-left: -280px;
31
31
  background-color: @white;
32
32
  border: 1px solid #999;
33
33
  border: 1px solid rgba(0,0,0,.3);
@@ -42,7 +42,7 @@
42
42
  .transition(e('opacity .3s linear, top .3s ease-out'));
43
43
  top: -25%;
44
44
  }
45
- &.fade.in { top: 50%; }
45
+ &.fade.in { top: 10%; }
46
46
  }
47
47
  .modal-header {
48
48
  padding: 9px 15px;
@@ -58,6 +58,7 @@
58
58
 
59
59
  // Body (where all modal content resides)
60
60
  .modal-body {
61
+ position: relative;
61
62
  overflow-y: auto;
62
63
  max-height: 400px;
63
64
  padding: 15px;
@@ -10,7 +10,6 @@
10
10
  .navbar {
11
11
  overflow: visible;
12
12
  margin-bottom: @baseLineHeight;
13
- color: @navbarText;
14
13
 
15
14
  // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
16
15
  *position: relative;
@@ -67,6 +66,7 @@
67
66
  .navbar-text {
68
67
  margin-bottom: 0;
69
68
  line-height: @navbarHeight;
69
+ color: @navbarText;
70
70
  }
71
71
 
72
72
  // Janky solution for now to account for links outside the .nav
@@ -123,7 +123,7 @@
123
123
  }
124
124
  .input-append,
125
125
  .input-prepend {
126
- margin-top: 6px;
126
+ margin-top: 5px;
127
127
  white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
128
128
  input {
129
129
  margin-top: 0; // remove the margin on top since it's on the parent
@@ -245,6 +245,7 @@
245
245
  }
246
246
  .navbar .nav .dropdown-toggle .caret {
247
247
  margin-top: 8px;
248
+
248
249
  }
249
250
 
250
251
  // Hover
@@ -334,6 +335,12 @@
334
335
  }
335
336
  }
336
337
 
338
+ // Caret should match text color on hover
339
+ .navbar .nav li.dropdown > a:hover .caret {
340
+ border-top-color: @navbarLinkColorActive;
341
+ border-bottom-color: @navbarLinkColorActive;
342
+ }
343
+
337
344
  // Remove background color from open dropdown
338
345
  .navbar .nav li.dropdown.open > .dropdown-toggle,
339
346
  .navbar .nav li.dropdown.active > .dropdown-toggle,
@@ -379,7 +386,6 @@
379
386
  // -------------------------
380
387
 
381
388
  .navbar-inverse {
382
- color: @navbarInverseText;
383
389
 
384
390
  .navbar-inner {
385
391
  #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
@@ -395,6 +401,14 @@
395
401
  }
396
402
  }
397
403
 
404
+ .brand {
405
+ color: @navbarInverseBrandColor;
406
+ }
407
+
408
+ .navbar-text {
409
+ color: @navbarInverseText;
410
+ }
411
+
398
412
  .nav > li > a:focus,
399
413
  .nav > li > a:hover {
400
414
  background-color: @navbarInverseLinkBackgroundHover;
@@ -429,6 +443,10 @@
429
443
  background-color: @navbarInverseLinkBackgroundActive;
430
444
  color: @navbarInverseLinkColorActive;
431
445
  }
446
+ .nav li.dropdown > a:hover .caret {
447
+ border-top-color: @navbarInverseLinkColorActive;
448
+ border-bottom-color: @navbarInverseLinkColorActive;
449
+ }
432
450
  .nav li.dropdown > .dropdown-toggle .caret {
433
451
  border-top-color: @navbarInverseLinkColor;
434
452
  border-bottom-color: @navbarInverseLinkColor;
@@ -470,6 +488,3 @@
470
488
  }
471
489
 
472
490
  }
473
-
474
-
475
-
@@ -21,6 +21,12 @@
21
21
  background-color: @grayLighter;
22
22
  }
23
23
 
24
+ // Prevent IE8 from misplacing imgs
25
+ // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
26
+ .nav > li > a > img {
27
+ max-width: none;
28
+ }
29
+
24
30
  // Redeclare pull classes because of specifity
25
31
  .nav > .pull-right {
26
32
  float: right;