mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

Add support for tr, th, and td to responsive utilities

Browse Source
This commit is contained in:
Mark Otto
2013-06-18 19:16:42 -07:00
parent 112dabb3c2
commit 546d40a143
2 changed files with 148 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/responsive-utilities.less
+72 -22
View File
@@ -36,42 +36,92 @@
// Visibility utilities
// For Phones
.visible-sm { display: block !important; }
.visible-md { display: none !important; }
.visible-lg { display: none !important; }
.visible-sm {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.visible-md { display: none !important; }
.visible-lg { display: none !important; }
.hidden-sm { display: none !important; }
.hidden-md { display: block !important; }
.hidden-lg { display: block !important; }
.hidden-sm { display: none !important; }
.hidden-md {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-lg {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
// Tablets & small desktops only
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
.visible-sm { display: none !important; }
.visible-md { display: block !important; }
.visible-lg { display: none !important; }
.visible-sm { display: none !important; }
.visible-md {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.visible-lg { display: none !important; }
.hidden-sm { display: block !important; }
.hidden-md { display: none !important; }
.hidden-lg { display: block !important; }
.hidden-sm {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-md { display: none !important; }
.hidden-lg {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
}
// For desktops
@media (min-width: @screen-desktop) {
.visible-sm { display: none !important; }
.visible-md { display: none !important; }
.visible-lg { display: block !important; }
.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; }
}
.hidden-sm { display: block !important; }
.hidden-md { display: block !important; }
.hidden-lg { display: none !important; }
.hidden-sm {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-md {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-lg { display: none !important; }
}
// Print utilities
.visible-print { display: none !important; }
.hidden-print { }
.visible-print { display: none !important; }
.hidden-print { }
@media print {
.visible-print { display: block !important; }
.hidden-print { display: none !important; }
.visible-print {
display: block !important;
tr& { display: table-row !important; }
th&,
td& { display: table-cell !important; }
}
.hidden-print { display: none !important; }
}