bootstrap-sass 3.1.1.0 → 3.1.1.1
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/.gitignore +3 -1
- data/.travis.yml +5 -2
- data/Gemfile +4 -0
- data/README.md +41 -20
- data/Rakefile +5 -2
- data/bootstrap-sass.gemspec +10 -7
- data/bower.json +98 -2
- data/lib/bootstrap-sass.rb +0 -1
- data/lib/bootstrap-sass/version.rb +2 -2
- data/package.json +25 -0
- data/tasks/bower.rake +33 -0
- data/tasks/converter.rb +3 -1
- data/tasks/converter/less_conversion.rb +54 -35
- data/tasks/converter/network.rb +10 -7
- data/templates/project/_variables.sass.erb +6 -0
- data/templates/project/manifest.rb +2 -2
- data/templates/project/styles.sass +3 -0
- data/test/dummy_node_mincer/apple-touch-icon-144-precomposed.png +0 -0
- data/test/dummy_node_mincer/application.css.ejs.scss +6 -0
- data/test/dummy_node_mincer/manifest.js +87 -0
- data/test/{dummy → dummy_rails}/README.rdoc +0 -0
- data/test/{dummy → dummy_rails}/Rakefile +0 -0
- data/test/{dummy → dummy_rails}/app/assets/images/.keep +0 -0
- data/test/{dummy → dummy_rails}/app/assets/javascripts/application.js +0 -0
- data/test/{dummy → dummy_rails}/app/assets/stylesheets/application.css.sass +0 -0
- data/test/{dummy → dummy_rails}/app/controllers/application_controller.rb +0 -0
- data/test/{dummy → dummy_rails}/app/controllers/pages_controller.rb +0 -0
- data/test/{dummy → dummy_rails}/app/helpers/application_helper.rb +0 -0
- data/test/{dummy → dummy_rails}/app/views/layouts/application.html.erb +0 -0
- data/test/{dummy → dummy_rails}/app/views/pages/root.html.slim +0 -0
- data/test/{dummy → dummy_rails}/bin/bundle +0 -0
- data/test/{dummy → dummy_rails}/bin/rails +0 -0
- data/test/{dummy → dummy_rails}/bin/rake +0 -0
- data/test/{dummy → dummy_rails}/config.ru +0 -0
- data/test/{dummy → dummy_rails}/config/application.rb +3 -6
- data/test/{dummy → dummy_rails}/config/boot.rb +0 -0
- data/test/{dummy → dummy_rails}/config/environment.rb +0 -0
- data/test/{dummy → dummy_rails}/config/environments/development.rb +0 -0
- data/test/{dummy → dummy_rails}/config/environments/production.rb +0 -0
- data/test/{dummy → dummy_rails}/config/environments/test.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/backtrace_silencers.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/filter_parameter_logging.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/inflections.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/mime_types.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/secret_token.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/session_store.rb +0 -0
- data/test/{dummy → dummy_rails}/config/initializers/wrap_parameters.rb +0 -0
- data/test/{dummy → dummy_rails}/config/locales/en.yml +0 -0
- data/test/{dummy → dummy_rails}/config/locales/es.yml +0 -0
- data/test/{dummy → dummy_rails}/config/routes.rb +0 -0
- data/test/{dummy → dummy_rails}/db/test.sqlite3 +0 -0
- data/test/{dummy → dummy_rails}/lib/assets/.keep +0 -0
- data/test/{dummy → dummy_rails}/log/.keep +0 -0
- data/test/{dummy → dummy_rails}/public/404.html +0 -0
- data/test/{dummy → dummy_rails}/public/422.html +0 -0
- data/test/{dummy → dummy_rails}/public/500.html +0 -0
- data/test/{dummy → dummy_rails}/public/favicon.ico +0 -0
- data/test/gemfiles/sass_3_2.gemfile +3 -0
- data/test/gemfiles/sass_3_3.gemfile +17 -0
- data/test/gemfiles/sass_head.gemfile +5 -2
- data/test/node_mincer_test.rb +35 -0
- data/test/node_sass_test.rb +15 -0
- data/test/test_helper.rb +2 -2
- data/vendor/assets/javascripts/bootstrap/affix.js +2 -4
- data/vendor/assets/javascripts/bootstrap/carousel.js +5 -5
- data/vendor/assets/javascripts/bootstrap/collapse.js +18 -13
- data/vendor/assets/javascripts/bootstrap/dropdown.js +8 -8
- data/vendor/assets/javascripts/bootstrap/modal.js +43 -15
- data/vendor/assets/javascripts/bootstrap/popover.js +1 -1
- data/vendor/assets/javascripts/bootstrap/scrollspy.js +5 -4
- data/vendor/assets/javascripts/bootstrap/tooltip.js +64 -41
- data/vendor/assets/javascripts/bootstrap/transition.js +4 -4
- data/vendor/assets/stylesheets/_bootstrap-mincer.scss +17 -0
- data/vendor/assets/stylesheets/bootstrap.scss +3 -2
- data/vendor/assets/stylesheets/bootstrap/_badges.scss +13 -11
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +12 -2
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +12 -3
- data/vendor/assets/stylesheets/bootstrap/_code.scss +0 -1
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +10 -4
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +62 -20
- data/vendor/assets/stylesheets/bootstrap/_glyphicons.scss +4 -0
- data/vendor/assets/stylesheets/bootstrap/_jumbotron.scss +4 -0
- data/vendor/assets/stylesheets/bootstrap/_labels.scss +11 -9
- data/vendor/assets/stylesheets/bootstrap/_list-group.scss +19 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +35 -943
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +11 -3
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +40 -2
- data/vendor/assets/stylesheets/bootstrap/_normalize.scss +21 -19
- data/vendor/assets/stylesheets/bootstrap/_panels.scss +2 -3
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +16 -7
- data/vendor/assets/stylesheets/bootstrap/_responsive-embed.scss +34 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +99 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_type.scss +16 -6
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +26 -10
- data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +3 -2
- data/vendor/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_buttons.scss +50 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_forms.scss +84 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +87 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_panels.scss +20 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +8 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
- data/vendor/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +224 -0
- metadata +169 -136
- data/templates/project/_variables.scss.erb +0 -3
- data/templates/project/styles.scss +0 -3
@@ -54,7 +54,7 @@
|
|
54
54
|
@include box-shadow(0 3px 9px rgba(0,0,0,.5));
|
55
55
|
background-clip: padding-box;
|
56
56
|
// Remove focus outline from opened modal
|
57
|
-
outline:
|
57
|
+
outline: 0;
|
58
58
|
}
|
59
59
|
|
60
60
|
// Modal background
|
@@ -98,8 +98,7 @@
|
|
98
98
|
|
99
99
|
// Footer (for actions)
|
100
100
|
.modal-footer {
|
101
|
-
|
102
|
-
padding: ($modal-inner-padding - 1) $modal-inner-padding $modal-inner-padding;
|
101
|
+
padding: $modal-inner-padding;
|
103
102
|
text-align: right; // right align buttons
|
104
103
|
border-top: 1px solid $modal-footer-border-color;
|
105
104
|
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
@@ -119,6 +118,15 @@
|
|
119
118
|
}
|
120
119
|
}
|
121
120
|
|
121
|
+
// Measure scrollbar width for padding body during modal show/hide
|
122
|
+
.modal-scrollbar-measure {
|
123
|
+
position: absolute;
|
124
|
+
top: -9999px;
|
125
|
+
width: 50px;
|
126
|
+
height: 50px;
|
127
|
+
overflow: scroll;
|
128
|
+
}
|
129
|
+
|
122
130
|
// Scale up the modal
|
123
131
|
@media (min-width: $screen-sm-min) {
|
124
132
|
// 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
|
//
|
@@ -190,7 +200,7 @@
|
|
190
200
|
// We remove the `outline` here, but later compensate by attaching `:hover`
|
191
201
|
// styles to `:focus`.
|
192
202
|
&:focus {
|
193
|
-
outline:
|
203
|
+
outline: 0;
|
194
204
|
}
|
195
205
|
|
196
206
|
// Bars
|
@@ -496,6 +506,20 @@
|
|
496
506
|
}
|
497
507
|
}
|
498
508
|
|
509
|
+
.btn-link {
|
510
|
+
color: $navbar-default-link-color;
|
511
|
+
&:hover,
|
512
|
+
&:focus {
|
513
|
+
color: $navbar-default-link-hover-color;
|
514
|
+
}
|
515
|
+
&[disabled],
|
516
|
+
fieldset[disabled] & {
|
517
|
+
&:hover,
|
518
|
+
&:focus {
|
519
|
+
color: $navbar-default-link-disabled-color;
|
520
|
+
}
|
521
|
+
}
|
522
|
+
}
|
499
523
|
}
|
500
524
|
|
501
525
|
// Inverse navbar
|
@@ -617,4 +641,18 @@
|
|
617
641
|
}
|
618
642
|
}
|
619
643
|
|
644
|
+
.btn-link {
|
645
|
+
color: $navbar-inverse-link-color;
|
646
|
+
&:hover,
|
647
|
+
&:focus {
|
648
|
+
color: $navbar-inverse-link-hover-color;
|
649
|
+
}
|
650
|
+
&[disabled],
|
651
|
+
fieldset[disabled] & {
|
652
|
+
&:hover,
|
653
|
+
&:focus {
|
654
|
+
color: $navbar-inverse-link-disabled-color;
|
655
|
+
}
|
656
|
+
}
|
657
|
+
}
|
620
658
|
}
|
@@ -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
|
@include 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
|
@include border-bottom-radius(($panel-border-radius - 1));
|
@@ -199,7 +199,6 @@
|
|
199
199
|
.panel {
|
200
200
|
margin-bottom: 0;
|
201
201
|
border-radius: $panel-border-radius;
|
202
|
-
overflow: hidden; // crop contents when collapsed
|
203
202
|
+ .panel {
|
204
203
|
margin-top: 5px;
|
205
204
|
}
|
@@ -6,13 +6,6 @@
|
|
6
6
|
// Bar animations
|
7
7
|
// -------------------------
|
8
8
|
|
9
|
-
// WebKit
|
10
|
-
@-webkit-keyframes progress-bar-stripes {
|
11
|
-
from { background-position: 40px 0; }
|
12
|
-
to { background-position: 0 0; }
|
13
|
-
}
|
14
|
-
|
15
|
-
// Spec and IE10+
|
16
9
|
@keyframes progress-bar-stripes {
|
17
10
|
from { background-position: 40px 0; }
|
18
11
|
to { background-position: 0 0; }
|
@@ -58,6 +51,22 @@
|
|
58
51
|
@include animation(progress-bar-stripes 2s linear infinite);
|
59
52
|
}
|
60
53
|
|
54
|
+
// Account for lower percentages
|
55
|
+
.progress-bar {
|
56
|
+
&[aria-valuenow="1"],
|
57
|
+
&[aria-valuenow="2"] {
|
58
|
+
min-width: 30px;
|
59
|
+
}
|
60
|
+
|
61
|
+
&[aria-valuenow="0"] {
|
62
|
+
color: $gray-light;
|
63
|
+
min-width: 30px;
|
64
|
+
background-color: transparent;
|
65
|
+
background-image: none;
|
66
|
+
box-shadow: none;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
61
70
|
|
62
71
|
|
63
72
|
// 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
|
+
}
|
@@ -23,24 +23,100 @@
|
|
23
23
|
|
24
24
|
|
25
25
|
// Visibility utilities
|
26
|
+
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
|
26
27
|
|
27
28
|
@include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg');
|
28
29
|
|
30
|
+
.visible-xs-block,
|
31
|
+
.visible-xs-inline,
|
32
|
+
.visible-xs-inline-block,
|
33
|
+
.visible-sm-block,
|
34
|
+
.visible-sm-inline,
|
35
|
+
.visible-sm-inline-block,
|
36
|
+
.visible-md-block,
|
37
|
+
.visible-md-inline,
|
38
|
+
.visible-md-inline-block,
|
39
|
+
.visible-lg-block,
|
40
|
+
.visible-lg-inline,
|
41
|
+
.visible-lg-inline-block {
|
42
|
+
display: none !important;
|
43
|
+
}
|
44
|
+
|
29
45
|
@media (max-width: $screen-xs-max) {
|
30
46
|
@include responsive-visibility('.visible-xs');
|
31
47
|
}
|
48
|
+
.visible-xs-block {
|
49
|
+
@media (max-width: $screen-xs-max) {
|
50
|
+
display: block !important;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
.visible-xs-inline {
|
54
|
+
@media (max-width: $screen-xs-max) {
|
55
|
+
display: inline !important;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
.visible-xs-inline-block {
|
59
|
+
@media (max-width: $screen-xs-max) {
|
60
|
+
display: inline-block !important;
|
61
|
+
}
|
62
|
+
}
|
32
63
|
|
33
64
|
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
34
65
|
@include responsive-visibility('.visible-sm');
|
35
66
|
}
|
67
|
+
.visible-sm-block {
|
68
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
69
|
+
display: block !important;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
.visible-sm-inline {
|
73
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
74
|
+
display: inline !important;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
.visible-sm-inline-block {
|
78
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
79
|
+
display: inline-block !important;
|
80
|
+
}
|
81
|
+
}
|
36
82
|
|
37
83
|
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
38
84
|
@include responsive-visibility('.visible-md');
|
39
85
|
}
|
86
|
+
.visible-md-block {
|
87
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
88
|
+
display: block !important;
|
89
|
+
}
|
90
|
+
}
|
91
|
+
.visible-md-inline {
|
92
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
93
|
+
display: inline !important;
|
94
|
+
}
|
95
|
+
}
|
96
|
+
.visible-md-inline-block {
|
97
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
98
|
+
display: inline-block !important;
|
99
|
+
}
|
100
|
+
}
|
40
101
|
|
41
102
|
@media (min-width: $screen-lg-min) {
|
42
103
|
@include responsive-visibility('.visible-lg');
|
43
104
|
}
|
105
|
+
.visible-lg-block {
|
106
|
+
@media (min-width: $screen-lg-min) {
|
107
|
+
display: block !important;
|
108
|
+
}
|
109
|
+
}
|
110
|
+
.visible-lg-inline {
|
111
|
+
@media (min-width: $screen-lg-min) {
|
112
|
+
display: inline !important;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
.visible-lg-inline-block {
|
116
|
+
@media (min-width: $screen-lg-min) {
|
117
|
+
display: inline-block !important;
|
118
|
+
}
|
119
|
+
}
|
44
120
|
|
45
121
|
@media (max-width: $screen-xs-max) {
|
46
122
|
@include responsive-invisibility('.hidden-xs');
|
@@ -63,11 +139,34 @@
|
|
63
139
|
//
|
64
140
|
// Media queries are placed on the inside to be mixin-friendly.
|
65
141
|
|
142
|
+
// Note: Deprecated .visible-print as of v3.2.0
|
143
|
+
|
66
144
|
@include responsive-invisibility('.visible-print');
|
67
145
|
|
68
146
|
@media print {
|
69
147
|
@include responsive-visibility('.visible-print');
|
70
148
|
}
|
149
|
+
.visible-print-block {
|
150
|
+
display: none !important;
|
151
|
+
|
152
|
+
@media print {
|
153
|
+
display: block !important;
|
154
|
+
}
|
155
|
+
}
|
156
|
+
.visible-print-inline {
|
157
|
+
display: none !important;
|
158
|
+
|
159
|
+
@media print {
|
160
|
+
display: inline !important;
|
161
|
+
}
|
162
|
+
}
|
163
|
+
.visible-print-inline-block {
|
164
|
+
display: none !important;
|
165
|
+
|
166
|
+
@media print {
|
167
|
+
display: inline-block !important;
|
168
|
+
}
|
169
|
+
}
|
71
170
|
|
72
171
|
@media print {
|
73
172
|
@include responsive-invisibility('.hidden-print');
|