mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
refactor responsive-utilities slightly
This commit is contained in:
parent
e9951385b0
commit
83c4073ec7
1 changed files with 15 additions and 39 deletions
|
@ -34,29 +34,26 @@
|
|||
}
|
||||
|
||||
// Visibility utilities
|
||||
|
||||
// For Phones
|
||||
.visible-sm {
|
||||
.responsive-visibility() {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
}
|
||||
|
||||
// For Phones
|
||||
.visible-sm {
|
||||
.responsive-visibility;
|
||||
}
|
||||
.visible-md { display: none !important; }
|
||||
.visible-lg { display: none !important; }
|
||||
|
||||
.hidden-sm { display: none !important; }
|
||||
.hidden-md {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
.hidden-lg {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
|
||||
|
||||
|
@ -64,25 +61,16 @@
|
|||
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
|
||||
.visible-sm { display: none !important; }
|
||||
.visible-md {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
.visible-lg { display: none !important; }
|
||||
|
||||
.hidden-sm {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
.hidden-md { display: none !important; }
|
||||
.hidden-lg {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -91,23 +79,14 @@
|
|||
.visible-sm { display: none !important; }
|
||||
.visible-md { display: none !important; }
|
||||
.visible-lg {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
|
||||
.hidden-sm {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
.hidden-md {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
.hidden-lg { display: none !important; }
|
||||
}
|
||||
|
@ -118,10 +97,7 @@
|
|||
|
||||
@media print {
|
||||
.visible-print {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
.responsive-visibility;
|
||||
}
|
||||
.hidden-print { display: none !important; }
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue