1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 16:50:00 +02:00

Drop the .hidden and .visible classes, save for the print ones

— Moves print display utils to display utils file
— Removes all other .hidden- utils
— Expands on .invisible and it's mixin to provide options for visibility: visible and visibility: hidden
This commit is contained in:
Mark Otto
2017-03-03 12:58:57 -08:00
committed by Mark Otto
parent ebe405a01b
commit 4778190d78
3 changed files with 43 additions and 52 deletions

View File

@@ -2,54 +2,10 @@
// Visibility utilities
//
.visible {
@include invisible(visible);
}
.invisible {
@include invisible();
}
// Responsive visibility utilities
@each $bp in map-keys($grid-breakpoints) {
.hidden-#{$bp}-up {
@include media-breakpoint-up($bp) {
display: none !important;
}
}
.hidden-#{$bp}-down {
@include media-breakpoint-down($bp) {
display: none !important;
}
}
}
// Print utilities
//
// Media queries are placed on the inside to be mixin-friendly.
.visible-print-block {
display: none !important;
@media print {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
@media print {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
@media print {
display: inline-block !important;
}
}
.hidden-print {
@media print {
display: none !important;
}
@include invisible(hidden);
}