Category: Recipes

Back to Docs

Navigation

Media Query Recipes

Media query recipes will expand a media query for any custom code that you’d like. The best part is that you don’t have to know the value of the breakpoint – the recipe does all the work.

Max-Width Media Queries

  • @breakpoint-xs
  • @breakpoint-s
  • @breakpoint-m
  • @breakpoint-l
  • @breakpoint-xl
  • @breakpoint-xxl

Min-Width Media Queries

  • @breakpoint-up-xs
  • @breakpoint-up-s
  • @breakpoint-up-m
  • @breakpoint-up-l
  • @breakpoint-up-xl
  • @breakpoint-up-xxl