Responsive classes

The following classes can be applied to target the display of items at various screensizes. The px widths that determine the screensizes are controlled in the Build.r template settings.

Class Phone Tablet Desktop
.hidden-desktop Visible Visible   
.visible-desktop NA   NA  Visible
.min-width-tablet Hidden   Visible  Visible 
.min-width-phone  Visible Visible   Visible
.min-width-desktop  Hidden  Hidden   Visible 
.visible-tablets Hidden   Visible  Hidden  
.visible-tablet  Hidden  Visible  Hidden  
.visible-phones Visible   Hidden   Hidden 
.visible-phone  Visible Hidden   Hidden  
.hidden-tablets  Visible Hidden   Visible 
.hidden-tablet  Visible Hidden    Visible