Responsive
Responsive shows or hides elements depending on the size of the screen.
Class | Properties |
---|---|
.is-only-mobile
|
@media #{$break2open} { display: none!important; }
|
.is-only-tablet
|
@media #{$break1}, #{$break3open} { display: none!important; }
|
.is-only-desktop
|
@media #{$break1}, #{$break2} { display: none!important; }
|
.is-not-mobile
|
@media #{$break1} { display: none!important; }
|
.is-not-desktop
|
@media #{$break3open} { display: none!important; }
|
I’m visible on mobile
I’m visible on tablets
I’m visible on desktop
I’m visible on tablets & desktops
I’m visible on mobile & tablets
I’m visible on mobile
I’m visible on tablets
I’m visible on desktop
I’m visible on tablets & desktops
I’m visible on mobile & tablets