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