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.
- checksums.yaml +4 -4
- data/app/assets/javascripts/twitter/bootstrap/affix.js +19 -14
- data/app/assets/javascripts/twitter/bootstrap/alert.js +10 -6
- data/app/assets/javascripts/twitter/bootstrap/button.js +11 -8
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +49 -31
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +22 -22
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +17 -13
- data/app/assets/javascripts/twitter/bootstrap/modal.js +66 -29
- data/app/assets/javascripts/twitter/bootstrap/popover.js +10 -7
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +40 -23
- data/app/assets/javascripts/twitter/bootstrap/tab.js +11 -8
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +115 -57
- data/app/assets/javascripts/twitter/bootstrap/transition.js +18 -7
- data/lib/generators/bootswatch/install/install_generator.rb +16 -5
- data/lib/generators/bootswatch/install/templates/bootstrap.less +3 -2
- data/lib/generators/bootswatch/install/templates/mixins.less.tt +35 -925
- data/lib/generators/bootswatch/install/templates/variables.less.tt +40 -23
- data/lib/twitter/bootswatch/rails/version.rb +1 -1
- data/vendor/toolkit/twitter/bootstrap/alerts.less +4 -3
- data/vendor/toolkit/twitter/bootstrap/badges.less +18 -18
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +3 -2
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +16 -2
- data/vendor/toolkit/twitter/bootstrap/buttons.less +0 -2
- data/vendor/toolkit/twitter/bootstrap/carousel.less +15 -4
- data/vendor/toolkit/twitter/bootstrap/code.less +6 -1
- data/vendor/toolkit/twitter/bootstrap/component-animations.less +6 -4
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +2 -0
- data/vendor/toolkit/twitter/bootstrap/forms.less +144 -42
- data/vendor/toolkit/twitter/bootstrap/input-groups.less +6 -2
- data/vendor/toolkit/twitter/bootstrap/jumbotron.less +4 -0
- data/vendor/toolkit/twitter/bootstrap/labels.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/list-group.less +22 -1
- data/vendor/toolkit/twitter/bootstrap/mixins.less +35 -925
- data/vendor/toolkit/twitter/bootstrap/mixins/alerts.less +14 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/background-variant.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/border-radius.less +18 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/buttons.less +50 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/center-block.less +7 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/clearfix.less +22 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/forms.less +81 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/gradients.less +59 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/grid-framework.less +91 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/grid.less +122 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/hide-text.less +21 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/image.less +34 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/labels.less +12 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/list-group.less +29 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/nav-divider.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/opacity.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/pagination.less +23 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/panels.less +24 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/progress-bar.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/reset-filter.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/resize.less +6 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/size.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/tab-focus.less +9 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/table-row.less +28 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/text-emphasis.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/text-overflow.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
- data/vendor/toolkit/twitter/bootstrap/modals.less +18 -7
- data/vendor/toolkit/twitter/bootstrap/navbar.less +41 -2
- data/vendor/toolkit/twitter/bootstrap/navs.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/normalize.less +21 -19
- data/vendor/toolkit/twitter/bootstrap/panels.less +8 -6
- data/vendor/toolkit/twitter/bootstrap/popovers.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/progress-bars.less +27 -2
- data/vendor/toolkit/twitter/bootstrap/responsive-embed.less +34 -0
- data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +103 -1
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +17 -1
- data/vendor/toolkit/twitter/bootstrap/tables.less +4 -4
- data/vendor/toolkit/twitter/bootstrap/theme.less +11 -0
- data/vendor/toolkit/twitter/bootstrap/type.less +32 -12
- data/vendor/toolkit/twitter/bootstrap/utilities.less +1 -0
- data/vendor/toolkit/twitter/bootstrap/variables.less +40 -23
- metadata +35 -5
@@ -15,8 +15,7 @@
|
|
15
15
|
// Container that the modal scrolls within
|
16
16
|
.modal {
|
17
17
|
display: none;
|
18
|
-
overflow:
|
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
|
-
.
|
33
|
+
.translate3d(0, -25%, 0);
|
35
34
|
.transition-transform(~"0.3s ease-out");
|
36
35
|
}
|
37
|
-
&.in .modal-dialog { .
|
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:
|
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
|
-
|
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:
|
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
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
/*! normalize.css v3.0.
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
349
|
-
// 2. Address `box-sizing` set to `border-box` in Safari
|
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:
|
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:
|
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
|
}
|
@@ -48,16 +48,41 @@
|
|
48
48
|
}
|
49
49
|
|
50
50
|
// Striped bars
|
51
|
-
|
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
|
-
|
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/#
|
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 {
|