twbs_less_rails 2.10.3 → 2.11.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +11 -0
  3. data/Rakefile +6 -3
  4. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  5. data/app/assets/fonts/fontawesome-webfont.svg +469 -379
  6. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  7. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  8. data/gemfiles/Gemfile.rails-3.2.x +1 -1
  9. data/gemfiles/Gemfile.rails-4.0.x +1 -1
  10. data/gemfiles/Gemfile.rails-4.1.x +1 -1
  11. data/lib/twbs_less_rails/version.rb +1 -1
  12. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +19 -14
  13. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +10 -6
  14. data/vendor/assets/javascripts/twbs/bootstrap/button.js +11 -8
  15. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +49 -31
  16. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +22 -22
  17. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +17 -13
  18. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +66 -29
  19. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +10 -7
  20. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +40 -23
  21. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +11 -8
  22. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +115 -57
  23. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +18 -7
  24. data/vendor/assets/javascripts/twbs/bootstrap.js +4 -4
  25. data/vendor/assets/stylesheets/fontawesome/font-awesome.less +13 -13
  26. data/vendor/assets/stylesheets/fontawesome/icons.less +97 -3
  27. data/vendor/assets/stylesheets/fontawesome/spinning.less +8 -6
  28. data/vendor/assets/stylesheets/fontawesome/variables.less +463 -329
  29. data/vendor/assets/stylesheets/twbs/bootstrap/alerts.less +4 -3
  30. data/vendor/assets/stylesheets/twbs/bootstrap/badges.less +18 -18
  31. data/vendor/assets/stylesheets/twbs/bootstrap/bootstrap.less +2 -1
  32. data/vendor/assets/stylesheets/twbs/bootstrap/button-groups.less +16 -2
  33. data/vendor/assets/stylesheets/twbs/bootstrap/buttons.less +0 -2
  34. data/vendor/assets/stylesheets/twbs/bootstrap/carousel.less +15 -4
  35. data/vendor/assets/stylesheets/twbs/bootstrap/code.less +6 -1
  36. data/vendor/assets/stylesheets/twbs/bootstrap/component-animations.less +6 -4
  37. data/vendor/assets/stylesheets/twbs/bootstrap/dropdowns.less +2 -0
  38. data/vendor/assets/stylesheets/twbs/bootstrap/forms.less +144 -42
  39. data/vendor/assets/stylesheets/twbs/bootstrap/input-groups.less +6 -2
  40. data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +4 -0
  41. data/vendor/assets/stylesheets/twbs/bootstrap/labels.less +1 -1
  42. data/vendor/assets/stylesheets/twbs/bootstrap/list-group.less +22 -1
  43. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/alerts.less +14 -0
  44. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/background-variant.less +8 -0
  45. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/border-radius.less +18 -0
  46. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/buttons.less +50 -0
  47. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/center-block.less +7 -0
  48. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/clearfix.less +22 -0
  49. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/forms.less +81 -0
  50. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/gradients.less +59 -0
  51. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/grid-framework.less +91 -0
  52. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/grid.less +122 -0
  53. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/hide-text.less +21 -0
  54. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/image.less +34 -0
  55. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/labels.less +12 -0
  56. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/list-group.less +29 -0
  57. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/nav-divider.less +10 -0
  58. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/nav-vertical-align.less +9 -0
  59. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/opacity.less +8 -0
  60. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/pagination.less +23 -0
  61. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/panels.less +24 -0
  62. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/progress-bar.less +10 -0
  63. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/reset-filter.less +8 -0
  64. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/resize.less +6 -0
  65. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/responsive-visibility.less +15 -0
  66. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/size.less +10 -0
  67. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/tab-focus.less +9 -0
  68. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/table-row.less +28 -0
  69. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/text-emphasis.less +8 -0
  70. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/text-overflow.less +8 -0
  71. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/vendor-prefixes.less +224 -0
  72. data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +35 -925
  73. data/vendor/assets/stylesheets/twbs/bootstrap/modals.less +18 -7
  74. data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +41 -2
  75. data/vendor/assets/stylesheets/twbs/bootstrap/navs.less +1 -1
  76. data/vendor/assets/stylesheets/twbs/bootstrap/normalize.less +21 -19
  77. data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +8 -6
  78. data/vendor/assets/stylesheets/twbs/bootstrap/popovers.less +1 -1
  79. data/vendor/assets/stylesheets/twbs/bootstrap/progress-bars.less +27 -2
  80. data/vendor/assets/stylesheets/twbs/bootstrap/responsive-embed.less +34 -0
  81. data/vendor/assets/stylesheets/twbs/bootstrap/responsive-utilities.less +103 -1
  82. data/vendor/assets/stylesheets/twbs/bootstrap/scaffolding.less +17 -1
  83. data/vendor/assets/stylesheets/twbs/bootstrap/tables.less +4 -4
  84. data/vendor/assets/stylesheets/twbs/bootstrap/theme.less +11 -0
  85. data/vendor/assets/stylesheets/twbs/bootstrap/type.less +32 -12
  86. data/vendor/assets/stylesheets/twbs/bootstrap/utilities.less +1 -0
  87. data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +40 -23
  88. metadata +32 -2
@@ -15,8 +15,7 @@
15
15
  // Container that the modal scrolls within
16
16
  .modal {
17
17
  display: none;
18
- overflow: auto;
19
- overflow-y: scroll;
18
+ overflow: hidden;
20
19
  position: fixed;
21
20
  top: 0;
22
21
  right: 0;
@@ -31,10 +30,14 @@
31
30
 
32
31
  // When fading in the modal, animate it to slide down
33
32
  &.fade .modal-dialog {
34
- .translate(0, -25%);
33
+ .translate3d(0, -25%, 0);
35
34
  .transition-transform(~"0.3s ease-out");
36
35
  }
37
- &.in .modal-dialog { .translate(0, 0)}
36
+ &.in .modal-dialog { .translate3d(0, 0, 0) }
37
+ }
38
+ .modal-open .modal {
39
+ overflow-x: hidden;
40
+ overflow-y: auto;
38
41
  }
39
42
 
40
43
  // Shell div to position the modal with bottom padding
@@ -54,7 +57,7 @@
54
57
  .box-shadow(0 3px 9px rgba(0,0,0,.5));
55
58
  background-clip: padding-box;
56
59
  // Remove focus outline from opened modal
57
- outline: none;
60
+ outline: 0;
58
61
  }
59
62
 
60
63
  // Modal background
@@ -98,8 +101,7 @@
98
101
 
99
102
  // Footer (for actions)
100
103
  .modal-footer {
101
- margin-top: 15px;
102
- padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
104
+ padding: @modal-inner-padding;
103
105
  text-align: right; // right align buttons
104
106
  border-top: 1px solid @modal-footer-border-color;
105
107
  &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons
@@ -119,6 +121,15 @@
119
121
  }
120
122
  }
121
123
 
124
+ // Measure scrollbar width for padding body during modal show/hide
125
+ .modal-scrollbar-measure {
126
+ position: absolute;
127
+ top: -9999px;
128
+ width: 50px;
129
+ height: 50px;
130
+ overflow: scroll;
131
+ }
132
+
122
133
  // Scale up the modal
123
134
  @media (min-width: @screen-sm-min) {
124
135
  // Automatically set modal's width for larger viewports
@@ -48,7 +48,6 @@
48
48
  // content for the user's viewport.
49
49
 
50
50
  .navbar-collapse {
51
- max-height: @navbar-collapse-max-height;
52
51
  overflow-x: visible;
53
52
  padding-right: @navbar-padding-horizontal;
54
53
  padding-left: @navbar-padding-horizontal;
@@ -88,6 +87,17 @@
88
87
  }
89
88
  }
90
89
 
90
+ .navbar-fixed-top,
91
+ .navbar-fixed-bottom {
92
+ .navbar-collapse {
93
+ max-height: @navbar-collapse-max-height;
94
+
95
+ @media (max-width: @screen-xs-min) and (orientation: landscape) {
96
+ max-height: 200px;
97
+ }
98
+ }
99
+ }
100
+
91
101
 
92
102
  // Both navbar header and collapse
93
103
  //
@@ -131,6 +141,7 @@
131
141
  right: 0;
132
142
  left: 0;
133
143
  z-index: @zindex-navbar-fixed;
144
+ .translate3d(0, 0, 0);
134
145
 
135
146
  // Undo the rounded corners
136
147
  @media (min-width: @grid-float-breakpoint) {
@@ -190,7 +201,7 @@
190
201
  // We remove the `outline` here, but later compensate by attaching `:hover`
191
202
  // styles to `:focus`.
192
203
  &:focus {
193
- outline: none;
204
+ outline: 0;
194
205
  }
195
206
 
196
207
  // Bars
@@ -492,6 +503,20 @@
492
503
  }
493
504
  }
494
505
 
506
+ .btn-link {
507
+ color: @navbar-default-link-color;
508
+ &:hover,
509
+ &:focus {
510
+ color: @navbar-default-link-hover-color;
511
+ }
512
+ &[disabled],
513
+ fieldset[disabled] & {
514
+ &:hover,
515
+ &:focus {
516
+ color: @navbar-default-link-disabled-color;
517
+ }
518
+ }
519
+ }
495
520
  }
496
521
 
497
522
  // Inverse navbar
@@ -613,4 +638,18 @@
613
638
  }
614
639
  }
615
640
 
641
+ .btn-link {
642
+ color: @navbar-inverse-link-color;
643
+ &:hover,
644
+ &:focus {
645
+ color: @navbar-inverse-link-hover-color;
646
+ }
647
+ &[disabled],
648
+ fieldset[disabled] & {
649
+ &:hover,
650
+ &:focus {
651
+ color: @navbar-inverse-link-disabled-color;
652
+ }
653
+ }
654
+ }
616
655
  }
@@ -162,7 +162,7 @@
162
162
 
163
163
  > li {
164
164
  float: none;
165
- > a {
165
+ > a {
166
166
  text-align: center;
167
167
  margin-bottom: 5px;
168
168
  }
@@ -1,4 +1,4 @@
1
- /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
1
+ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
2
2
 
3
3
  //
4
4
  // 1. Set default font family to sans-serif.
@@ -24,7 +24,9 @@ body {
24
24
  // ==========================================================================
25
25
 
26
26
  //
27
- // Correct `block` display not defined in IE 8/9.
27
+ // Correct `block` display not defined for any HTML5 element in IE 8/9.
28
+ // Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
29
+ // Correct `block` display not defined for `main` in IE 11.
28
30
  //
29
31
 
30
32
  article,
@@ -66,8 +68,8 @@ audio:not([controls]) {
66
68
  }
67
69
 
68
70
  //
69
- // Address `[hidden]` styling not present in IE 8/9.
70
- // Hide the `template` element in IE, Safari, and Firefox < 22.
71
+ // Address `[hidden]` styling not present in IE 8/9/10.
72
+ // Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
71
73
  //
72
74
 
73
75
  [hidden],
@@ -99,7 +101,7 @@ a:hover {
99
101
  // ==========================================================================
100
102
 
101
103
  //
102
- // Address styling not present in IE 8/9, Safari 5, and Chrome.
104
+ // Address styling not present in IE 8/9/10/11, Safari, and Chrome.
103
105
  //
104
106
 
105
107
  abbr[title] {
@@ -107,7 +109,7 @@ abbr[title] {
107
109
  }
108
110
 
109
111
  //
110
- // Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
112
+ // Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
111
113
  //
112
114
 
113
115
  b,
@@ -116,7 +118,7 @@ strong {
116
118
  }
117
119
 
118
120
  //
119
- // Address styling not present in Safari 5 and Chrome.
121
+ // Address styling not present in Safari and Chrome.
120
122
  //
121
123
 
122
124
  dfn {
@@ -125,7 +127,7 @@ dfn {
125
127
 
126
128
  //
127
129
  // Address variable `h1` font-size and margin within `section` and `article`
128
- // contexts in Firefox 4+, Safari 5, and Chrome.
130
+ // contexts in Firefox 4+, Safari, and Chrome.
129
131
  //
130
132
 
131
133
  h1 {
@@ -174,7 +176,7 @@ sub {
174
176
  // ==========================================================================
175
177
 
176
178
  //
177
- // Remove border when inside `a` element in IE 8/9.
179
+ // Remove border when inside `a` element in IE 8/9/10.
178
180
  //
179
181
 
180
182
  img {
@@ -182,7 +184,7 @@ img {
182
184
  }
183
185
 
184
186
  //
185
- // Correct overflow displayed oddly in IE 9.
187
+ // Correct overflow not hidden in IE 9/10/11.
186
188
  //
187
189
 
188
190
  svg:not(:root) {
@@ -193,7 +195,7 @@ svg:not(:root) {
193
195
  // ==========================================================================
194
196
 
195
197
  //
196
- // Address margin not present in IE 8/9 and Safari 5.
198
+ // Address margin not present in IE 8/9 and Safari.
197
199
  //
198
200
 
199
201
  figure {
@@ -242,7 +244,7 @@ samp {
242
244
  // 1. Correct color not being inherited.
243
245
  // Known issue: affects color of disabled elements.
244
246
  // 2. Correct font properties not being inherited.
245
- // 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
247
+ // 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
246
248
  //
247
249
 
248
250
  button,
@@ -256,7 +258,7 @@ textarea {
256
258
  }
257
259
 
258
260
  //
259
- // Address `overflow` set to `hidden` in IE 8/9/10.
261
+ // Address `overflow` set to `hidden` in IE 8/9/10/11.
260
262
  //
261
263
 
262
264
  button {
@@ -266,7 +268,7 @@ button {
266
268
  //
267
269
  // Address inconsistent `text-transform` inheritance for `button` and `select`.
268
270
  // All other form control elements do not inherit `text-transform` values.
269
- // Correct `button` style inheritance in Firefox, IE 8+, and Opera
271
+ // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
270
272
  // Correct `select` style inheritance in Firefox.
271
273
  //
272
274
 
@@ -345,8 +347,8 @@ input[type="number"]::-webkit-outer-spin-button {
345
347
  }
346
348
 
347
349
  //
348
- // 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
349
- // 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
350
+ // 1. Address `appearance` set to `searchfield` in Safari and Chrome.
351
+ // 2. Address `box-sizing` set to `border-box` in Safari and Chrome
350
352
  // (include `-moz` to future-proof).
351
353
  //
352
354
 
@@ -379,7 +381,7 @@ fieldset {
379
381
  }
380
382
 
381
383
  //
382
- // 1. Correct `color` not being inherited in IE 8/9.
384
+ // 1. Correct `color` not being inherited in IE 8/9/10/11.
383
385
  // 2. Remove padding so people aren't caught out if they zero out fieldsets.
384
386
  //
385
387
 
@@ -389,7 +391,7 @@ legend {
389
391
  }
390
392
 
391
393
  //
392
- // Remove default vertical scrollbar in IE 8/9.
394
+ // Remove default vertical scrollbar in IE 8/9/10/11.
393
395
  //
394
396
 
395
397
  textarea {
@@ -420,4 +422,4 @@ table {
420
422
  td,
421
423
  th {
422
424
  padding: 0;
423
- }
425
+ }
@@ -20,7 +20,7 @@
20
20
 
21
21
  // Optional heading
22
22
  .panel-heading {
23
- padding: 10px 15px;
23
+ padding: @panel-heading-padding;
24
24
  border-bottom: 1px solid transparent;
25
25
  .border-top-radius((@panel-border-radius - 1));
26
26
 
@@ -43,7 +43,7 @@
43
43
 
44
44
  // Optional footer (stays gray in every modifier class)
45
45
  .panel-footer {
46
- padding: 10px 15px;
46
+ padding: @panel-footer-padding;
47
47
  background-color: @panel-footer-bg;
48
48
  border-top: 1px solid @panel-inner-border;
49
49
  .border-bottom-radius((@panel-border-radius - 1));
@@ -86,7 +86,9 @@
86
86
  border-top-width: 0;
87
87
  }
88
88
  }
89
-
89
+ .list-group + .panel-footer {
90
+ border-top-width: 0;
91
+ }
90
92
 
91
93
  // Tables in panels
92
94
  //
@@ -95,7 +97,8 @@
95
97
 
96
98
  .panel {
97
99
  > .table,
98
- > .table-responsive > .table {
100
+ > .table-responsive > .table,
101
+ > .panel-collapse > .table {
99
102
  margin-bottom: 0;
100
103
  }
101
104
  // Add border top radius for first one
@@ -199,7 +202,6 @@
199
202
  .panel {
200
203
  margin-bottom: 0;
201
204
  border-radius: @panel-border-radius;
202
- overflow: hidden; // crop contents when collapsed
203
205
  + .panel {
204
206
  margin-top: 5px;
205
207
  }
@@ -207,7 +209,7 @@
207
209
 
208
210
  .panel-heading {
209
211
  border-bottom: 0;
210
- + .panel-collapse .panel-body {
212
+ + .panel-collapse > .panel-body {
211
213
  border-top: 1px solid @panel-inner-border;
212
214
  }
213
215
  }
@@ -37,7 +37,7 @@
37
37
  line-height: 18px;
38
38
  background-color: @popover-title-bg;
39
39
  border-bottom: 1px solid darken(@popover-title-bg, 5%);
40
- border-radius: 5px 5px 0 0;
40
+ border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
41
41
  }
42
42
 
43
43
  .popover-content {
@@ -48,16 +48,41 @@
48
48
  }
49
49
 
50
50
  // Striped bars
51
- .progress-striped .progress-bar {
51
+ //
52
+ // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
53
+ // `.progress-bar-striped` class, which you just add to an existing
54
+ // `.progress-bar`.
55
+ .progress-striped .progress-bar,
56
+ .progress-bar-striped {
52
57
  #gradient > .striped();
53
58
  background-size: 40px 40px;
54
59
  }
55
60
 
56
61
  // Call animation for the active one
57
- .progress.active .progress-bar {
62
+ //
63
+ // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
64
+ // `.progress-bar.active` approach.
65
+ .progress.active .progress-bar,
66
+ .progress-bar.active {
58
67
  .animation(progress-bar-stripes 2s linear infinite);
59
68
  }
60
69
 
70
+ // Account for lower percentages
71
+ .progress-bar {
72
+ &[aria-valuenow="1"],
73
+ &[aria-valuenow="2"] {
74
+ min-width: 30px;
75
+ }
76
+
77
+ &[aria-valuenow="0"] {
78
+ color: @gray-light;
79
+ min-width: 30px;
80
+ background-color: transparent;
81
+ background-image: none;
82
+ box-shadow: none;
83
+ }
84
+ }
85
+
61
86
 
62
87
 
63
88
  // Variations
@@ -0,0 +1,34 @@
1
+ // Embeds responsive
2
+ //
3
+ // Credit: Nicolas Gallagher and SUIT CSS.
4
+
5
+ .embed-responsive {
6
+ position: relative;
7
+ display: block;
8
+ height: 0;
9
+ padding: 0;
10
+ overflow: hidden;
11
+
12
+ .embed-responsive-item,
13
+ iframe,
14
+ embed,
15
+ object {
16
+ position: absolute;
17
+ top: 0;
18
+ left: 0;
19
+ bottom: 0;
20
+ height: 100%;
21
+ width: 100%;
22
+ border: 0;
23
+ }
24
+
25
+ // Modifier class for 16:9 aspect ratio
26
+ &.embed-responsive-16by9 {
27
+ padding-bottom: 56.25%;
28
+ }
29
+
30
+ // Modifier class for 4:3 aspect ratio
31
+ &.embed-responsive-4by3 {
32
+ padding-bottom: 75%;
33
+ }
34
+ }
@@ -14,7 +14,8 @@
14
14
  // For more information, see the following:
15
15
  //
16
16
  // Issue: https://github.com/twbs/bootstrap/issues/10497
17
- // Docs: http://getbootstrap.com/getting-started/#browsers
17
+ // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
18
+ // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
18
19
  // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
19
20
 
20
21
  @-ms-viewport {
@@ -23,6 +24,7 @@
23
24
 
24
25
 
25
26
  // Visibility utilities
27
+ // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
26
28
  .visible-xs,
27
29
  .visible-sm,
28
30
  .visible-md,
@@ -30,26 +32,104 @@
30
32
  .responsive-invisibility();
31
33
  }
32
34
 
35
+ .visible-xs-block,
36
+ .visible-xs-inline,
37
+ .visible-xs-inline-block,
38
+ .visible-sm-block,
39
+ .visible-sm-inline,
40
+ .visible-sm-inline-block,
41
+ .visible-md-block,
42
+ .visible-md-inline,
43
+ .visible-md-inline-block,
44
+ .visible-lg-block,
45
+ .visible-lg-inline,
46
+ .visible-lg-inline-block {
47
+ display: none !important;
48
+ }
49
+
33
50
  .visible-xs {
34
51
  @media (max-width: @screen-xs-max) {
35
52
  .responsive-visibility();
36
53
  }
37
54
  }
55
+ .visible-xs-block {
56
+ @media (max-width: @screen-xs-max) {
57
+ display: block !important;
58
+ }
59
+ }
60
+ .visible-xs-inline {
61
+ @media (max-width: @screen-xs-max) {
62
+ display: inline !important;
63
+ }
64
+ }
65
+ .visible-xs-inline-block {
66
+ @media (max-width: @screen-xs-max) {
67
+ display: inline-block !important;
68
+ }
69
+ }
70
+
38
71
  .visible-sm {
39
72
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
40
73
  .responsive-visibility();
41
74
  }
42
75
  }
76
+ .visible-sm-block {
77
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
78
+ display: block !important;
79
+ }
80
+ }
81
+ .visible-sm-inline {
82
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
83
+ display: inline !important;
84
+ }
85
+ }
86
+ .visible-sm-inline-block {
87
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
88
+ display: inline-block !important;
89
+ }
90
+ }
91
+
43
92
  .visible-md {
44
93
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
45
94
  .responsive-visibility();
46
95
  }
47
96
  }
97
+ .visible-md-block {
98
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
99
+ display: block !important;
100
+ }
101
+ }
102
+ .visible-md-inline {
103
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
104
+ display: inline !important;
105
+ }
106
+ }
107
+ .visible-md-inline-block {
108
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
109
+ display: inline-block !important;
110
+ }
111
+ }
112
+
48
113
  .visible-lg {
49
114
  @media (min-width: @screen-lg-min) {
50
115
  .responsive-visibility();
51
116
  }
52
117
  }
118
+ .visible-lg-block {
119
+ @media (min-width: @screen-lg-min) {
120
+ display: block !important;
121
+ }
122
+ }
123
+ .visible-lg-inline {
124
+ @media (min-width: @screen-lg-min) {
125
+ display: inline !important;
126
+ }
127
+ }
128
+ .visible-lg-inline-block {
129
+ @media (min-width: @screen-lg-min) {
130
+ display: inline-block !important;
131
+ }
132
+ }
53
133
 
54
134
  .hidden-xs {
55
135
  @media (max-width: @screen-xs-max) {
@@ -77,6 +157,7 @@
77
157
  //
78
158
  // Media queries are placed on the inside to be mixin-friendly.
79
159
 
160
+ // Note: Deprecated .visible-print as of v3.2.0
80
161
  .visible-print {
81
162
  .responsive-invisibility();
82
163
 
@@ -84,6 +165,27 @@
84
165
  .responsive-visibility();
85
166
  }
86
167
  }
168
+ .visible-print-block {
169
+ display: none !important;
170
+
171
+ @media print {
172
+ display: block !important;
173
+ }
174
+ }
175
+ .visible-print-inline {
176
+ display: none !important;
177
+
178
+ @media print {
179
+ display: inline !important;
180
+ }
181
+ }
182
+ .visible-print-inline-block {
183
+ display: none !important;
184
+
185
+ @media print {
186
+ display: inline-block !important;
187
+ }
188
+ }
87
189
 
88
190
  .hidden-print {
89
191
  @media print {
@@ -20,7 +20,7 @@
20
20
  // Body reset
21
21
 
22
22
  html {
23
- font-size: 62.5%;
23
+ font-size: 10px;
24
24
  -webkit-tap-highlight-color: rgba(0,0,0,0);
25
25
  }
26
26
 
@@ -132,3 +132,19 @@ hr {
132
132
  clip: rect(0,0,0,0);
133
133
  border: 0;
134
134
  }
135
+
136
+ // Use in conjunction with .sr-only to only display content when it's focused.
137
+ // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
138
+ // Credit: HTML5 Boilerplate
139
+
140
+ .sr-only-focusable {
141
+ &:active,
142
+ &:focus {
143
+ position: static;
144
+ width: auto;
145
+ height: auto;
146
+ margin: 0;
147
+ overflow: visible;
148
+ clip: auto;
149
+ }
150
+ }
@@ -4,7 +4,6 @@
4
4
 
5
5
 
6
6
  table {
7
- max-width: 100%;
8
7
  background-color: @table-bg;
9
8
  }
10
9
  th {
@@ -16,6 +15,7 @@ th {
16
15
 
17
16
  .table {
18
17
  width: 100%;
18
+ max-width: 100%;
19
19
  margin-bottom: @line-height-computed;
20
20
  // Cells
21
21
  > thead,
@@ -168,12 +168,12 @@ table {
168
168
  // by enabling horizontal scrolling. Only applies <768px. Everything above that
169
169
  // will display normally.
170
170
 
171
- @media (max-width: @screen-xs-max) {
172
- .table-responsive {
171
+ .table-responsive {
172
+ @media screen and (max-width: @screen-xs-max) {
173
173
  width: 100%;
174
174
  margin-bottom: (@line-height-computed * 0.75);
175
175
  overflow-y: hidden;
176
- overflow-x: scroll;
176
+ overflow-x: auto;
177
177
  -ms-overflow-style: -ms-autohiding-scrollbar;
178
178
  border: 1px solid @table-border-color;
179
179
  -webkit-overflow-scrolling: touch;
@@ -48,6 +48,12 @@
48
48
  background-color: darken(@btn-color, 12%);
49
49
  border-color: darken(@btn-color, 14%);
50
50
  }
51
+
52
+ &:disabled,
53
+ &[disabled] {
54
+ background-color: darken(@btn-color, 12%);
55
+ background-image: none;
56
+ }
51
57
  }
52
58
 
53
59
  // Common styles
@@ -191,6 +197,11 @@
191
197
  .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
192
198
  .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
193
199
 
200
+ // Reset the striped class because our mixins don't do multiple gradients and
201
+ // the above custom styles override the new `.progress-bar-striped` in v3.2.0.
202
+ .progress-bar-striped {
203
+ #gradient > .striped();
204
+ }
194
205
 
195
206
 
196
207
  //