mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-07 04:54:24 +01:00
Merge pull request #8291 from cvrebert/refactor
refactor responsive-utilities slightly
This commit is contained in:
commit
03e67e44f9
@ -34,29 +34,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Visibility utilities
|
// Visibility utilities
|
||||||
|
.responsive-visibility() {
|
||||||
// For Phones
|
|
||||||
.visible-sm {
|
|
||||||
display: block !important;
|
display: block !important;
|
||||||
tr& { display: table-row !important; }
|
tr& { display: table-row !important; }
|
||||||
th&,
|
th&,
|
||||||
td& { display: table-cell !important; }
|
td& { display: table-cell !important; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// For Phones
|
||||||
|
.visible-sm {
|
||||||
|
.responsive-visibility;
|
||||||
|
}
|
||||||
.visible-md { display: none !important; }
|
.visible-md { display: none !important; }
|
||||||
.visible-lg { display: none !important; }
|
.visible-lg { display: none !important; }
|
||||||
|
|
||||||
.hidden-sm { display: none !important; }
|
.hidden-sm { display: none !important; }
|
||||||
.hidden-md {
|
.hidden-md {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
.hidden-lg {
|
.hidden-lg {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -64,25 +61,16 @@
|
|||||||
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
|
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
|
||||||
.visible-sm { display: none !important; }
|
.visible-sm { display: none !important; }
|
||||||
.visible-md {
|
.visible-md {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
.visible-lg { display: none !important; }
|
.visible-lg { display: none !important; }
|
||||||
|
|
||||||
.hidden-sm {
|
.hidden-sm {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
.hidden-md { display: none !important; }
|
.hidden-md { display: none !important; }
|
||||||
.hidden-lg {
|
.hidden-lg {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -91,23 +79,14 @@
|
|||||||
.visible-sm { display: none !important; }
|
.visible-sm { display: none !important; }
|
||||||
.visible-md { display: none !important; }
|
.visible-md { display: none !important; }
|
||||||
.visible-lg {
|
.visible-lg {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hidden-sm {
|
.hidden-sm {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
.hidden-md {
|
.hidden-md {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
.hidden-lg { display: none !important; }
|
.hidden-lg { display: none !important; }
|
||||||
}
|
}
|
||||||
@ -118,10 +97,7 @@
|
|||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
.visible-print {
|
.visible-print {
|
||||||
display: block !important;
|
.responsive-visibility;
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
}
|
||||||
.hidden-print { display: none !important; }
|
.hidden-print { display: none !important; }
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user