mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-25 21:09:06 +02:00
Code Issues Releases Wiki Activity

Fix responsive utilities for table elements

Browse Source 
This change prevents situations where specificity causes some rules to
be overridden by the ones intended for mobile.
* Added mixin `responsive-invisibility()`
* Swapped out `display: none !important;` for new mixin
This commit is contained in:
Julian Thilo
2013-07-01 21:13:57 +02:00
parent 534eac5242
commit fea69df80c
3 changed files with 117 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
less/responsive-utilities.less
View File

@@ -36,13 +36,19 @@
// Visibility utilities
// For Phones
.visible-sm {
.visible-sm {
.responsive-visibility();
}
.visible-md { display: none !important; }
.visible-lg { display: none !important; }
.visible-md {
.responsive-invisibility();
}
.visible-lg {
.responsive-invisibility();
}
.hidden-sm { display: none !important; }
.hidden-sm {
.responsive-invisibility();
}
.hidden-md {
.responsive-visibility();
}
@@ -53,16 +59,22 @@
// Tablets & small desktops only
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
.visible-sm { display: none !important; }
.visible-sm {
.responsive-invisibility();
}
.visible-md {
.responsive-visibility();
}
.visible-lg { display: none !important; }
.visible-lg {
.responsive-invisibility();
}
.hidden-sm {
.responsive-visibility();
}
.hidden-md { display: none !important; }
.hidden-md {
.responsive-invisibility();
}
.hidden-lg {
.responsive-visibility();
}
@@ -70,8 +82,12 @@
// For desktops
@media (min-width: @screen-desktop) {
.visible-sm { display: none !important; }
.visible-md { display: none !important; }
.visible-sm {
.responsive-invisibility();
}
.visible-md {
.responsive-invisibility();
}
.visible-lg {
.responsive-visibility();
}
@@ -82,16 +98,22 @@
.hidden-md {
.responsive-visibility();
}
.hidden-lg { display: none !important; }
.hidden-lg {
.responsive-invisibility();
}
}
// Print utilities
.visible-print { display: none !important; }
.visible-print {
.responsive-invisibility();
}
.hidden-print { }
@media print {
.visible-print {
.responsive-visibility();
}
.hidden-print { display: none !important; }
.hidden-print {
.responsive-invisibility();
}
}