Added responsive show/hide classes
This commit is contained in:
parent
9518f9ab18
commit
c8196e2bec
|
@ -55,3 +55,27 @@ img.aligncenter {
|
|||
.sr-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Responsive
|
||||
*/
|
||||
|
||||
@each $breakpoint in $breakpoints {
|
||||
|
||||
$key : nth($breakpoint, 1);
|
||||
$value : nth($breakpoint, 2);
|
||||
|
||||
.visible-#{$key} {
|
||||
@media only screen and #{$value} {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.hidden-#{$key} {
|
||||
@media only screen and #{$value} {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue