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