twitter-bootswatch-rails 3.1.1.1 → 3.2.0.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 (78) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/twitter/bootstrap/affix.js +19 -14
  3. data/app/assets/javascripts/twitter/bootstrap/alert.js +10 -6
  4. data/app/assets/javascripts/twitter/bootstrap/button.js +11 -8
  5. data/app/assets/javascripts/twitter/bootstrap/carousel.js +49 -31
  6. data/app/assets/javascripts/twitter/bootstrap/collapse.js +22 -22
  7. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +17 -13
  8. data/app/assets/javascripts/twitter/bootstrap/modal.js +66 -29
  9. data/app/assets/javascripts/twitter/bootstrap/popover.js +10 -7
  10. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +40 -23
  11. data/app/assets/javascripts/twitter/bootstrap/tab.js +11 -8
  12. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +115 -57
  13. data/app/assets/javascripts/twitter/bootstrap/transition.js +18 -7
  14. data/lib/generators/bootswatch/install/install_generator.rb +16 -5
  15. data/lib/generators/bootswatch/install/templates/bootstrap.less +3 -2
  16. data/lib/generators/bootswatch/install/templates/mixins.less.tt +35 -925
  17. data/lib/generators/bootswatch/install/templates/variables.less.tt +40 -23
  18. data/lib/twitter/bootswatch/rails/version.rb +1 -1
  19. data/vendor/toolkit/twitter/bootstrap/alerts.less +4 -3
  20. data/vendor/toolkit/twitter/bootstrap/badges.less +18 -18
  21. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +3 -2
  22. data/vendor/toolkit/twitter/bootstrap/button-groups.less +16 -2
  23. data/vendor/toolkit/twitter/bootstrap/buttons.less +0 -2
  24. data/vendor/toolkit/twitter/bootstrap/carousel.less +15 -4
  25. data/vendor/toolkit/twitter/bootstrap/code.less +6 -1
  26. data/vendor/toolkit/twitter/bootstrap/component-animations.less +6 -4
  27. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +2 -0
  28. data/vendor/toolkit/twitter/bootstrap/forms.less +144 -42
  29. data/vendor/toolkit/twitter/bootstrap/input-groups.less +6 -2
  30. data/vendor/toolkit/twitter/bootstrap/jumbotron.less +4 -0
  31. data/vendor/toolkit/twitter/bootstrap/labels.less +1 -1
  32. data/vendor/toolkit/twitter/bootstrap/list-group.less +22 -1
  33. data/vendor/toolkit/twitter/bootstrap/mixins.less +35 -925
  34. data/vendor/toolkit/twitter/bootstrap/mixins/alerts.less +14 -0
  35. data/vendor/toolkit/twitter/bootstrap/mixins/background-variant.less +8 -0
  36. data/vendor/toolkit/twitter/bootstrap/mixins/border-radius.less +18 -0
  37. data/vendor/toolkit/twitter/bootstrap/mixins/buttons.less +50 -0
  38. data/vendor/toolkit/twitter/bootstrap/mixins/center-block.less +7 -0
  39. data/vendor/toolkit/twitter/bootstrap/mixins/clearfix.less +22 -0
  40. data/vendor/toolkit/twitter/bootstrap/mixins/forms.less +81 -0
  41. data/vendor/toolkit/twitter/bootstrap/mixins/gradients.less +59 -0
  42. data/vendor/toolkit/twitter/bootstrap/mixins/grid-framework.less +91 -0
  43. data/vendor/toolkit/twitter/bootstrap/mixins/grid.less +122 -0
  44. data/vendor/toolkit/twitter/bootstrap/mixins/hide-text.less +21 -0
  45. data/vendor/toolkit/twitter/bootstrap/mixins/image.less +34 -0
  46. data/vendor/toolkit/twitter/bootstrap/mixins/labels.less +12 -0
  47. data/vendor/toolkit/twitter/bootstrap/mixins/list-group.less +29 -0
  48. data/vendor/toolkit/twitter/bootstrap/mixins/nav-divider.less +10 -0
  49. data/vendor/toolkit/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
  50. data/vendor/toolkit/twitter/bootstrap/mixins/opacity.less +8 -0
  51. data/vendor/toolkit/twitter/bootstrap/mixins/pagination.less +23 -0
  52. data/vendor/toolkit/twitter/bootstrap/mixins/panels.less +24 -0
  53. data/vendor/toolkit/twitter/bootstrap/mixins/progress-bar.less +10 -0
  54. data/vendor/toolkit/twitter/bootstrap/mixins/reset-filter.less +8 -0
  55. data/vendor/toolkit/twitter/bootstrap/mixins/resize.less +6 -0
  56. data/vendor/toolkit/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
  57. data/vendor/toolkit/twitter/bootstrap/mixins/size.less +10 -0
  58. data/vendor/toolkit/twitter/bootstrap/mixins/tab-focus.less +9 -0
  59. data/vendor/toolkit/twitter/bootstrap/mixins/table-row.less +28 -0
  60. data/vendor/toolkit/twitter/bootstrap/mixins/text-emphasis.less +8 -0
  61. data/vendor/toolkit/twitter/bootstrap/mixins/text-overflow.less +8 -0
  62. data/vendor/toolkit/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
  63. data/vendor/toolkit/twitter/bootstrap/modals.less +18 -7
  64. data/vendor/toolkit/twitter/bootstrap/navbar.less +41 -2
  65. data/vendor/toolkit/twitter/bootstrap/navs.less +1 -1
  66. data/vendor/toolkit/twitter/bootstrap/normalize.less +21 -19
  67. data/vendor/toolkit/twitter/bootstrap/panels.less +8 -6
  68. data/vendor/toolkit/twitter/bootstrap/popovers.less +1 -1
  69. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +27 -2
  70. data/vendor/toolkit/twitter/bootstrap/responsive-embed.less +34 -0
  71. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +103 -1
  72. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +17 -1
  73. data/vendor/toolkit/twitter/bootstrap/tables.less +4 -4
  74. data/vendor/toolkit/twitter/bootstrap/theme.less +11 -0
  75. data/vendor/toolkit/twitter/bootstrap/type.less +32 -12
  76. data/vendor/toolkit/twitter/bootstrap/utilities.less +1 -0
  77. data/vendor/toolkit/twitter/bootstrap/variables.less +40 -23
  78. metadata +35 -5
@@ -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 {