Created
March 27, 2019 11:31
-
-
Save scysys/1a464a26d155dba560a64d13d37f6322 to your computer and use it in GitHub Desktop.
Bootstrap 4: Restore the former "hidden-*" styles known from Bootstrap 3
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*\ | |
* Restore Bootstrap 3 "hidden" utility classes. | |
\*/ | |
/* Breakpoint XS */ | |
@media (max-width: 575px) | |
{ | |
.hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, | |
.hidden-xs-up, | |
.hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl | |
{ | |
display: none !important; | |
} | |
} | |
/* Breakpoint SM */ | |
@media (min-width: 576px) and (max-width: 767px) | |
{ | |
.hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, | |
.hidden-xs-up, .hidden-sm-up, | |
.hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl | |
{ | |
display: none !important; | |
} | |
} | |
/* Breakpoint MD */ | |
@media (min-width: 768px) and (max-width: 991px) | |
{ | |
.hidden-md-down, .hidden-lg-down, .hidden-xl-down, | |
.hidden-xs-up, .hidden-sm-up, .hidden-md-up, | |
.hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl | |
{ | |
display: none !important; | |
} | |
} | |
/* Breakpoint LG */ | |
@media (min-width: 992px) and (max-width: 1199px) | |
{ | |
.hidden-lg-down, .hidden-xl-down, | |
.hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, | |
.hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl | |
{ | |
display: none !important; | |
} | |
} | |
/* Breakpoint XL */ | |
@media (min-width: 1200px) | |
{ | |
.hidden-xl-down, | |
.hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, | |
.hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg | |
{ | |
display: none !important; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment