Drop the deprecated .visible-* classes (because we replaced them with .visible-*-block, -inline-block, -inline
This commit is contained in:
Mark Otto
parent
02fe0ecc31
commit
77a4bcad9e
|
|
@ -5202,12 +5202,6 @@ button.close {
|
|||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
.visible-xs,
|
||||
.visible-sm,
|
||||
.visible-md,
|
||||
.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-xs-block,
|
||||
.visible-xs-inline,
|
||||
.visible-xs-inline-block,
|
||||
|
|
@ -5222,21 +5216,6 @@ button.close {
|
|||
.visible-lg-inline-block {
|
||||
display: none !important;
|
||||
}
|
||||
@media (max-width: 47.9em) {
|
||||
.visible-xs {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-xs {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-xs {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-xs,
|
||||
td.visible-xs {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 47.9em) {
|
||||
.visible-xs-block {
|
||||
display: block !important;
|
||||
|
|
@ -5252,21 +5231,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 48em) and (max-width: 61.9em) {
|
||||
.visible-sm {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-sm {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-sm {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-sm,
|
||||
td.visible-sm {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 48em) and (max-width: 61.9em) {
|
||||
.visible-sm-block {
|
||||
display: block !important;
|
||||
|
|
@ -5282,21 +5246,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 62em) and (max-width: 74.9em) {
|
||||
.visible-md {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-md {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-md {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-md,
|
||||
td.visible-md {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 62em) and (max-width: 74.9em) {
|
||||
.visible-md-block {
|
||||
display: block !important;
|
||||
|
|
@ -5312,21 +5261,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 75em) {
|
||||
.visible-lg {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-lg {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-lg {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-lg,
|
||||
td.visible-lg {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 75em) {
|
||||
.visible-lg-block {
|
||||
display: block !important;
|
||||
|
|
@ -5342,11 +5276,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 47.9em) {
|
||||
.hidden-xs {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 48em) and (max-width: 61.9em) {
|
||||
.hidden-sm {
|
||||
display: none !important;
|
||||
|
|
@ -5362,24 +5291,6 @@ button.close {
|
|||
display: none !important;
|
||||
}
|
||||
}
|
||||
.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-print {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-print {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-print,
|
||||
td.visible-print {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
.visible-print-block {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -19,7 +19,7 @@
|
|||
<h4>Bootstrap theme</h4>
|
||||
<p>Load the optional Bootstrap theme for a visually enhanced experience.</p>
|
||||
</div>
|
||||
<div class="clearfix visible-xs"></div>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="../examples/grid/">
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<h4>Jumbotron</h4>
|
||||
<p>Build around the jumbotron with a navbar and some basic grid columns.</p>
|
||||
</div>
|
||||
<div class="clearfix visible-xs"></div>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="../examples/jumbotron-narrow/">
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<h4>Static top navbar</h4>
|
||||
<p>Super basic template with a static top navbar along with some additional content.</p>
|
||||
</div>
|
||||
<div class="clearfix visible-xs"></div>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="../examples/navbar-fixed-top/">
|
||||
|
|
@ -89,7 +89,7 @@
|
|||
<h4>Carousel</h4>
|
||||
<p>Customize the navbar and carousel, then add some new components.</p>
|
||||
</div>
|
||||
<div class="clearfix visible-xs"></div>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="../examples/blog/">
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
<h4>Dashboard</h4>
|
||||
<p>Basic structure for a admin dashboard with fixed sidebar and navbar.</p>
|
||||
</div>
|
||||
<div class="clearfix visible-xs"></div>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="../examples/signin/">
|
||||
|
|
@ -121,7 +121,7 @@
|
|||
<h4>Justified nav</h4>
|
||||
<p>Create a custom navbar with justified links. Heads up! <a href="../components/#nav-justified">Not too Safari friendly.</a></p>
|
||||
</div>
|
||||
<div class="clearfix visible-xs"></div>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="../examples/sticky-footer/">
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -5202,12 +5202,6 @@ button.close {
|
|||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
.visible-xs,
|
||||
.visible-sm,
|
||||
.visible-md,
|
||||
.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-xs-block,
|
||||
.visible-xs-inline,
|
||||
.visible-xs-inline-block,
|
||||
|
|
@ -5222,21 +5216,6 @@ button.close {
|
|||
.visible-lg-inline-block {
|
||||
display: none !important;
|
||||
}
|
||||
@media (max-width: 47.9em) {
|
||||
.visible-xs {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-xs {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-xs {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-xs,
|
||||
td.visible-xs {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 47.9em) {
|
||||
.visible-xs-block {
|
||||
display: block !important;
|
||||
|
|
@ -5252,21 +5231,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 48em) and (max-width: 61.9em) {
|
||||
.visible-sm {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-sm {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-sm {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-sm,
|
||||
td.visible-sm {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 48em) and (max-width: 61.9em) {
|
||||
.visible-sm-block {
|
||||
display: block !important;
|
||||
|
|
@ -5282,21 +5246,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 62em) and (max-width: 74.9em) {
|
||||
.visible-md {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-md {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-md {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-md,
|
||||
td.visible-md {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 62em) and (max-width: 74.9em) {
|
||||
.visible-md-block {
|
||||
display: block !important;
|
||||
|
|
@ -5312,21 +5261,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 75em) {
|
||||
.visible-lg {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-lg {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-lg {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-lg,
|
||||
td.visible-lg {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 75em) {
|
||||
.visible-lg-block {
|
||||
display: block !important;
|
||||
|
|
@ -5342,11 +5276,6 @@ button.close {
|
|||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 47.9em) {
|
||||
.hidden-xs {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 48em) and (max-width: 61.9em) {
|
||||
.hidden-sm {
|
||||
display: none !important;
|
||||
|
|
@ -5362,24 +5291,6 @@ button.close {
|
|||
display: none !important;
|
||||
}
|
||||
}
|
||||
.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-print {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-print {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-print,
|
||||
td.visible-print {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
.visible-print-block {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -23,15 +23,6 @@
|
|||
}
|
||||
|
||||
|
||||
// Visibility utilities
|
||||
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
|
||||
.visible-xs,
|
||||
.visible-sm,
|
||||
.visible-md,
|
||||
.visible-lg {
|
||||
.responsive-invisibility();
|
||||
}
|
||||
|
||||
.visible-xs-block,
|
||||
.visible-xs-inline,
|
||||
.visible-xs-inline-block,
|
||||
|
|
@ -47,11 +38,6 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-xs {
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.responsive-visibility();
|
||||
}
|
||||
}
|
||||
.visible-xs-block {
|
||||
@media (max-width: @screen-xs-max) {
|
||||
display: block !important;
|
||||
|
|
@ -68,11 +54,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.visible-sm {
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
.responsive-visibility();
|
||||
}
|
||||
}
|
||||
.visible-sm-block {
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
display: block !important;
|
||||
|
|
@ -89,11 +70,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.visible-md {
|
||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||
.responsive-visibility();
|
||||
}
|
||||
}
|
||||
.visible-md-block {
|
||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||
display: block !important;
|
||||
|
|
@ -110,11 +86,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.visible-lg {
|
||||
@media (min-width: @screen-lg-min) {
|
||||
.responsive-visibility();
|
||||
}
|
||||
}
|
||||
.visible-lg-block {
|
||||
@media (min-width: @screen-lg-min) {
|
||||
display: block !important;
|
||||
|
|
@ -131,11 +102,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.hidden-xs {
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.responsive-invisibility();
|
||||
}
|
||||
}
|
||||
.hidden-sm {
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
.responsive-invisibility();
|
||||
|
|
@ -157,14 +123,6 @@
|
|||
//
|
||||
// Media queries are placed on the inside to be mixin-friendly.
|
||||
|
||||
// Note: Deprecated .visible-print as of v3.2.0
|
||||
.visible-print {
|
||||
.responsive-invisibility();
|
||||
|
||||
@media print {
|
||||
.responsive-visibility();
|
||||
}
|
||||
}
|
||||
.visible-print-block {
|
||||
display: none !important;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue