twbs_less_rails 2.5.1 → 2.6.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.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +6 -0
  3. data/Gemfile.lock +1 -1
  4. data/Rakefile +55 -21
  5. data/lib/twbs_less_rails/version.rb +1 -1
  6. data/vendor/assets/javascripts/respond.js +209 -211
  7. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +1 -1
  8. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +1 -1
  9. data/vendor/assets/javascripts/twbs/bootstrap/button.js +11 -5
  10. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +5 -5
  11. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +1 -1
  12. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +5 -5
  13. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +1 -1
  14. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +1 -1
  15. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +2 -2
  16. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +1 -1
  17. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +1 -1
  18. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +1 -1
  19. data/vendor/assets/stylesheets/twbs/bootstrap/badges.less +6 -6
  20. data/vendor/assets/stylesheets/twbs/bootstrap/button-groups.less +7 -33
  21. data/vendor/assets/stylesheets/twbs/bootstrap/buttons.less +2 -5
  22. data/vendor/assets/stylesheets/twbs/bootstrap/carousel.less +1 -0
  23. data/vendor/assets/stylesheets/twbs/bootstrap/dropdowns.less +3 -8
  24. data/vendor/assets/stylesheets/twbs/bootstrap/forms.less +11 -0
  25. data/vendor/assets/stylesheets/twbs/bootstrap/glyphicons.less +1 -1
  26. data/vendor/assets/stylesheets/twbs/bootstrap/grid.less +12 -26
  27. data/vendor/assets/stylesheets/twbs/bootstrap/input-groups.less +1 -1
  28. data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +8 -2
  29. data/vendor/assets/stylesheets/twbs/bootstrap/labels.less +6 -0
  30. data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +37 -50
  31. data/vendor/assets/stylesheets/twbs/bootstrap/modals.less +2 -5
  32. data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +41 -53
  33. data/vendor/assets/stylesheets/twbs/bootstrap/navs.less +0 -20
  34. data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +11 -1
  35. data/vendor/assets/stylesheets/twbs/bootstrap/progress-bars.less +0 -12
  36. data/vendor/assets/stylesheets/twbs/bootstrap/tables.less +5 -18
  37. data/vendor/assets/stylesheets/twbs/bootstrap/thumbnails.less +9 -3
  38. data/vendor/assets/stylesheets/twbs/bootstrap/type.less +54 -52
  39. data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +15 -10
  40. metadata +2 -2
@@ -19,8 +19,8 @@
19
19
  .clearfix() {
20
20
  &:before,
21
21
  &:after {
22
- content: " "; /* 1 */
23
- display: table; /* 2 */
22
+ content: " "; // 1
23
+ display: table; // 2
24
24
  }
25
25
  &:after {
26
26
  clear: both;
@@ -30,7 +30,7 @@
30
30
  // WebKit-style focus
31
31
  .tab-focus() {
32
32
  // Default
33
- outline: thin dotted #333;
33
+ outline: thin dotted;
34
34
  // WebKit
35
35
  outline: 5px auto -webkit-focus-ring-color;
36
36
  outline-offset: -2px;
@@ -55,7 +55,8 @@
55
55
  // Placeholder text
56
56
  .placeholder(@color: @input-color-placeholder) {
57
57
  &:-moz-placeholder { color: @color; } // Firefox 4-18
58
- &::-moz-placeholder { color: @color; } // Firefox 19+
58
+ &::-moz-placeholder { color: @color; // Firefox 19+
59
+ opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
59
60
  &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
60
61
  &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
61
62
  }
@@ -87,11 +88,7 @@
87
88
  }
88
89
  // New mixin to use as of v3.0.1
89
90
  .text-hide() {
90
- font: ~"0/0" a;
91
- color: transparent;
92
- text-shadow: none;
93
- background-color: transparent;
94
- border: 0;
91
+ .hide-text();
95
92
  }
96
93
 
97
94
 
@@ -277,10 +274,8 @@
277
274
  // Creates two color stops, start and end, by specifying a color and position for each color stop.
278
275
  // Color stops are not available in IE9 and below.
279
276
  .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
280
- background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
281
- background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
282
- background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
283
- background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
277
+ background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+
278
+ background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
284
279
  background-repeat: repeat-x;
285
280
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
286
281
  }
@@ -290,47 +285,36 @@
290
285
  // Creates two color stops, start and end, by specifying a color and position for each color stop.
291
286
  // Color stops are not available in IE9 and below.
292
287
  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
293
- background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
294
- background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1+, Chrome 10+
295
- background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
296
- background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
288
+ background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
289
+ background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
297
290
  background-repeat: repeat-x;
298
291
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
299
292
  }
300
293
 
301
294
  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
302
295
  background-repeat: repeat-x;
303
- background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1+, Chrome 10+
304
- background-image: -moz-linear-gradient(@deg, @start-color, @end-color); // FF 3.6+
305
- background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10
296
+ background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
297
+ background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
306
298
  }
307
299
  .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
308
- background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
309
300
  background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
310
- background-image: -moz-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
311
301
  background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
312
302
  background-repeat: no-repeat;
313
303
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
314
304
  }
315
305
  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
316
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
317
306
  background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
318
- background-image: -moz-linear-gradient(top, @start-color, @mid-color @color-stop, @end-color);
319
307
  background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
320
308
  background-repeat: no-repeat;
321
309
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
322
310
  }
323
311
  .radial(@inner-color: #555; @outer-color: #333) {
324
- background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
325
312
  background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
326
- background-image: -moz-radial-gradient(circle, @inner-color, @outer-color);
327
313
  background-image: radial-gradient(circle, @inner-color, @outer-color);
328
314
  background-repeat: no-repeat;
329
315
  }
330
316
  .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
331
- background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, @color), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, @color), color-stop(.75, @color), color-stop(.75, transparent), to(transparent));
332
317
  background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
333
- background-image: -moz-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
334
318
  background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
335
319
  }
336
320
  }
@@ -391,7 +375,7 @@
391
375
 
392
376
  // Panels
393
377
  // -------------------------
394
- .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border;) {
378
+ .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
395
379
  border-color: @border;
396
380
 
397
381
  & > .panel-heading {
@@ -402,9 +386,6 @@
402
386
  + .panel-collapse .panel-body {
403
387
  border-top-color: @border;
404
388
  }
405
- & > .dropdown .caret {
406
- border-color: @heading-text-color transparent;
407
- }
408
389
  }
409
390
  & > .panel-footer {
410
391
  + .panel-collapse .panel-body {
@@ -430,27 +411,27 @@
430
411
 
431
412
  // Tables
432
413
  // -------------------------
433
- .table-row-variant(@state; @background; @border) {
414
+ .table-row-variant(@state; @background) {
434
415
  // Exact selectors below required to override `.table-striped` and prevent
435
416
  // inheritance to nested tables.
436
- .table > thead > tr,
437
- .table > tbody > tr,
438
- .table > tfoot > tr {
439
- > td.@{state},
440
- > th.@{state},
441
- &.@{state} > td,
442
- &.@{state} > th {
443
- background-color: @background;
417
+ .table {
418
+ > thead,
419
+ > tbody,
420
+ > tfoot {
421
+ > tr > .@{state},
422
+ > .@{state} > td,
423
+ > .@{state} > th {
424
+ background-color: @background;
425
+ }
444
426
  }
445
427
  }
446
428
 
447
429
  // Hover states for `.table-hover`
448
430
  // Note: this is not available for cells or rows within `thead` or `tfoot`.
449
- .table-hover > tbody > tr {
450
- > td.@{state}:hover,
451
- > th.@{state}:hover,
452
- &.@{state}:hover > td,
453
- &.@{state}:hover > th {
431
+ .table-hover > tbody {
432
+ > tr > .@{state}:hover,
433
+ > .@{state}:hover > td,
434
+ > .@{state}:hover > th {
454
435
  background-color: darken(@background, 5%);
455
436
  }
456
437
  }
@@ -491,6 +472,11 @@
491
472
  border-color: @border;
492
473
  }
493
474
  }
475
+
476
+ .badge {
477
+ color: @background;
478
+ background-color: #fff;
479
+ }
494
480
  }
495
481
 
496
482
  // Button sizes
@@ -561,9 +547,10 @@
561
547
  // More easily include all the states for responsive-utilities.less.
562
548
  .responsive-visibility() {
563
549
  display: block !important;
564
- tr& { display: table-row !important; }
550
+ table& { display: table; }
551
+ tr& { display: table-row !important; }
565
552
  th&,
566
- td& { display: table-cell !important; }
553
+ td& { display: table-cell !important; }
567
554
  }
568
555
 
569
556
  .responsive-invisibility() {
@@ -738,11 +725,11 @@
738
725
  @item: ~".col-@{class}-@{index}";
739
726
  .col(@index + 1, @item);
740
727
  }
741
- .col(@index, @list) when (@index < @grid-columns) { // general
728
+ .col(@index, @list) when (@index =< @grid-columns) { // general
742
729
  @item: ~".col-@{class}-@{index}";
743
730
  .col(@index + 1, ~"@{list}, @{item}");
744
731
  }
745
- .col(@index, @list) when (@index = @grid-columns) { // terminal
732
+ .col(@index, @list) when (@index > @grid-columns) { // terminal
746
733
  @{list} {
747
734
  float: left;
748
735
  }
@@ -35,10 +35,8 @@
35
35
  // Shell div to position the modal with bottom padding
36
36
  .modal-dialog {
37
37
  position: relative;
38
- margin-left: auto;
39
- margin-right: auto;
40
38
  width: auto;
41
- padding: 10px;
39
+ margin: 10px;
42
40
  z-index: (@zindex-modal-background + 10);
43
41
  }
44
42
 
@@ -122,8 +120,7 @@
122
120
 
123
121
  .modal-dialog {
124
122
  width: 600px;
125
- padding-top: 30px;
126
- padding-bottom: 30px;
123
+ margin: 30px auto;
127
124
  }
128
125
  .modal-content {
129
126
  .box-shadow(0 5px 15px rgba(0,0,0,.5));
@@ -74,18 +74,16 @@
74
74
  }
75
75
 
76
76
  &.in {
77
- overflow-y: auto;
77
+ overflow-y: visible;
78
78
  }
79
79
 
80
- // Account for first and last children spacing
81
- .navbar-nav.navbar-left:first-child {
82
- margin-left: -@navbar-padding-horizontal;
83
- }
84
- .navbar-nav.navbar-right:last-child {
85
- margin-right: -@navbar-padding-horizontal;
86
- }
87
- .navbar-text:last-child {
88
- margin-right: 0;
80
+ // Undo the collapse side padding for navbars with containers to ensure
81
+ // alignment of right-aligned contents.
82
+ .navbar-fixed-top &,
83
+ .navbar-static-top &,
84
+ .navbar-fixed-bottom & {
85
+ padding-left: 0;
86
+ padding-right: 0;
89
87
  }
90
88
  }
91
89
  }
@@ -180,6 +178,7 @@
180
178
  padding: 9px 10px;
181
179
  .navbar-vertical-align(34px);
182
180
  background-color: transparent;
181
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
183
182
  border: 1px solid transparent;
184
183
  border-radius: @border-radius-base;
185
184
 
@@ -214,7 +213,7 @@
214
213
  line-height: @line-height-computed;
215
214
  }
216
215
 
217
- @media (max-width: @screen-xs-max) {
216
+ @media (max-width: @grid-float-breakpoint-max) {
218
217
  // Dropdowns get custom display when collapsed
219
218
  .open .dropdown-menu {
220
219
  position: static;
@@ -246,12 +245,15 @@
246
245
  > li {
247
246
  float: left;
248
247
  > a {
249
- padding-top: ((@navbar-height - @line-height-computed) / 2);
250
- padding-bottom: ((@navbar-height - @line-height-computed) / 2);
248
+ padding-top: @navbar-padding-vertical;
249
+ padding-bottom: @navbar-padding-vertical;
251
250
  }
252
251
  }
253
- }
254
252
 
253
+ &.navbar-right:last-child {
254
+ margin-right: -@navbar-padding-horizontal;
255
+ }
256
+ }
255
257
  }
256
258
 
257
259
 
@@ -285,7 +287,7 @@
285
287
  .form-inline();
286
288
 
287
289
  .form-group {
288
- @media (max-width: @screen-xs-max) {
290
+ @media (max-width: @grid-float-breakpoint-max) {
289
291
  margin-bottom: 5px;
290
292
  }
291
293
  }
@@ -302,6 +304,11 @@
302
304
  padding-top: 0;
303
305
  padding-bottom: 0;
304
306
  .box-shadow(none);
307
+
308
+ // Outdent the form if last child to line up with content down the page
309
+ &.navbar-right:last-child {
310
+ margin-right: -@navbar-padding-horizontal;
311
+ }
305
312
  }
306
313
  }
307
314
 
@@ -332,6 +339,13 @@
332
339
 
333
340
  .navbar-btn {
334
341
  .navbar-vertical-align(@input-height-base);
342
+
343
+ &.btn-sm {
344
+ .navbar-vertical-align(@input-height-small);
345
+ }
346
+ &.btn-xs {
347
+ .navbar-vertical-align(22);
348
+ }
335
349
  }
336
350
 
337
351
 
@@ -340,12 +354,17 @@
340
354
  // Add a class to make any element properly align itself vertically within the navbars.
341
355
 
342
356
  .navbar-text {
343
- float: left;
344
357
  .navbar-vertical-align(@line-height-computed);
345
358
 
346
359
  @media (min-width: @grid-float-breakpoint) {
360
+ float: left;
347
361
  margin-left: @navbar-padding-horizontal;
348
362
  margin-right: @navbar-padding-horizontal;
363
+
364
+ // Outdent the form if last child to line up with content down the page
365
+ &.navbar-right:last-child {
366
+ margin-right: 0;
367
+ }
349
368
  }
350
369
  }
351
370
 
@@ -414,15 +433,8 @@
414
433
  border-color: @navbar-default-border;
415
434
  }
416
435
 
417
- // Dropdown menu items and carets
436
+ // Dropdown menu items
418
437
  .navbar-nav {
419
- // Caret should match text color on hover
420
- > .dropdown > a:hover .caret,
421
- > .dropdown > a:focus .caret {
422
- border-top-color: @navbar-default-link-hover-color;
423
- border-bottom-color: @navbar-default-link-hover-color;
424
- }
425
-
426
438
  // Remove background color from open dropdown
427
439
  > .open > a {
428
440
  &,
@@ -430,19 +442,10 @@
430
442
  &:focus {
431
443
  background-color: @navbar-default-link-active-bg;
432
444
  color: @navbar-default-link-active-color;
433
- .caret {
434
- border-top-color: @navbar-default-link-active-color;
435
- border-bottom-color: @navbar-default-link-active-color;
436
- }
437
445
  }
438
446
  }
439
- > .dropdown > a .caret {
440
- border-top-color: @navbar-default-link-color;
441
- border-bottom-color: @navbar-default-link-color;
442
- }
443
-
444
447
 
445
- @media (max-width: @screen-xs-max) {
448
+ @media (max-width: @grid-float-breakpoint-max) {
446
449
  // Dropdowns get custom display when collapsed
447
450
  .open .dropdown-menu {
448
451
  > li > a {
@@ -561,31 +564,16 @@
561
564
  color: @navbar-inverse-link-active-color;
562
565
  }
563
566
  }
564
- > .dropdown > a:hover .caret {
565
- border-top-color: @navbar-inverse-link-hover-color;
566
- border-bottom-color: @navbar-inverse-link-hover-color;
567
- }
568
- > .dropdown > a .caret {
569
- border-top-color: @navbar-inverse-link-color;
570
- border-bottom-color: @navbar-inverse-link-color;
571
- }
572
- > .open > a {
573
- &,
574
- &:hover,
575
- &:focus {
576
- .caret {
577
- border-top-color: @navbar-inverse-link-active-color;
578
- border-bottom-color: @navbar-inverse-link-active-color;
579
- }
580
- }
581
- }
582
567
 
583
- @media (max-width: @screen-xs-max) {
568
+ @media (max-width: @grid-float-breakpoint-max) {
584
569
  // Dropdowns get custom display
585
570
  .open .dropdown-menu {
586
571
  > .dropdown-header {
587
572
  border-color: @navbar-inverse-border;
588
573
  }
574
+ .divider {
575
+ background-color: @navbar-inverse-border;
576
+ }
589
577
  > li > a {
590
578
  color: @navbar-inverse-link-color;
591
579
  &:hover,
@@ -48,11 +48,6 @@
48
48
  &:focus {
49
49
  background-color: @nav-link-hover-bg;
50
50
  border-color: @link-color;
51
-
52
- .caret {
53
- border-top-color: @link-hover-color;
54
- border-bottom-color: @link-hover-color;
55
- }
56
51
  }
57
52
  }
58
53
 
@@ -138,11 +133,6 @@
138
133
  &:focus {
139
134
  color: @nav-pills-active-link-hover-color;
140
135
  background-color: @nav-pills-active-link-hover-bg;
141
-
142
- .caret {
143
- border-top-color: @nav-pills-active-link-hover-color;
144
- border-bottom-color: @nav-pills-active-link-hover-color;
145
- }
146
136
  }
147
137
  }
148
138
  }
@@ -243,16 +233,6 @@
243
233
  // Dropdowns
244
234
  // -------------------------
245
235
 
246
- // Make dropdown carets use link color in navs
247
- .nav .caret {
248
- border-top-color: @link-color;
249
- border-bottom-color: @link-color;
250
- }
251
- .nav a:hover .caret {
252
- border-top-color: @link-hover-color;
253
- border-bottom-color: @link-hover-color;
254
- }
255
-
256
236
  // Specific dropdowns
257
237
  .nav-tabs .dropdown-menu {
258
238
  // make dropdown border overlap tab border
@@ -57,13 +57,17 @@
57
57
 
58
58
  .panel {
59
59
  > .table,
60
- > .table-responsive {
60
+ > .table-responsive > .table {
61
61
  margin-bottom: 0;
62
62
  }
63
63
  > .panel-body + .table,
64
64
  > .panel-body + .table-responsive {
65
65
  border-top: 1px solid @table-border-color;
66
66
  }
67
+ > .table > tbody:first-child th,
68
+ > .table > tbody:first-child td {
69
+ border-top: 0;
70
+ }
67
71
  > .table-bordered,
68
72
  > .table-responsive > .table-bordered {
69
73
  border: 0;
@@ -87,6 +91,10 @@
87
91
  }
88
92
  }
89
93
  }
94
+ > .table-responsive {
95
+ border: 0;
96
+ margin-bottom: 0;
97
+ }
90
98
  }
91
99
 
92
100
 
@@ -106,6 +114,8 @@
106
114
  margin-top: 0;
107
115
  margin-bottom: 0;
108
116
  font-size: ceil((@font-size-base * 1.125));
117
+ color: inherit;
118
+
109
119
  > a {
110
120
  color: inherit;
111
121
  }
@@ -12,18 +12,6 @@
12
12
  to { background-position: 0 0; }
13
13
  }
14
14
 
15
- // Firefox
16
- @-moz-keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
- // Opera
22
- @-o-keyframes progress-bar-stripes {
23
- from { background-position: 0 0; }
24
- to { background-position: 40px 0; }
25
- }
26
-
27
15
  // Spec and IE10+
28
16
  @keyframes progress-bar-stripes {
29
17
  from { background-position: 40px 0; }
@@ -133,6 +133,7 @@ th {
133
133
  // Reset default table behavior
134
134
 
135
135
  table col[class*="col-"] {
136
+ position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
136
137
  float: none;
137
138
  display: table-column;
138
139
  }
@@ -152,25 +153,11 @@ table {
152
153
  // Exact selectors below required to override `.table-striped` and prevent
153
154
  // inheritance to nested tables.
154
155
 
155
- .table {
156
- > thead,
157
- > tbody,
158
- > tfoot {
159
- > tr {
160
- > td.active,
161
- > th.active,
162
- &.active > td,
163
- &.active > th {
164
- background-color: @table-bg-active;
165
- }
166
- }
167
- }
168
- }
169
-
170
156
  // Generate the contextual variants
171
- .table-row-variant(success; @state-success-bg; @state-success-border);
172
- .table-row-variant(danger; @state-danger-bg; @state-danger-border);
173
- .table-row-variant(warning; @state-warning-bg; @state-warning-border);
157
+ .table-row-variant(active; @table-bg-active);
158
+ .table-row-variant(success; @state-success-bg);
159
+ .table-row-variant(danger; @state-danger-bg);
160
+ .table-row-variant(warning; @state-warning-bg);
174
161
 
175
162
 
176
163
  // Responsive tables
@@ -5,11 +5,17 @@
5
5
 
6
6
  // Mixin and adjust the regular image class
7
7
  .thumbnail {
8
- .img-thumbnail();
9
- display: block; // Override the inline-block from `.img-thumbnail`
8
+ display: block;
9
+ padding: @thumbnail-padding;
10
10
  margin-bottom: @line-height-computed;
11
+ line-height: @line-height-base;
12
+ background-color: @thumbnail-bg;
13
+ border: 1px solid @thumbnail-border;
14
+ border-radius: @thumbnail-border-radius;
15
+ .transition(all .2s ease-in-out);
11
16
 
12
- > img {
17
+ > img,
18
+ a > img {
13
19
  .img-responsive();
14
20
  margin-left: auto;
15
21
  margin-right: auto;