@include max($bp, $min: "null", $device: "screen"){}

/!\ Atomic Bulldog is mobile first, it is not recommended to use max media queries

Parameters:

• $bp - Breakpoints are defines in the map variables $breakpoints, breakpoints can be called with the function bp(). As we call a function inside a mixin we will need to use sass interpolation, #{bp()}. This will return a value in em.
• $min - Optional min value, using $breakpoints map
• $device - Default screen

Usage:

• h2{@include max(#{bp(sm)}){font-size: font-size(2);}}

Output:

• @media only screen and (max-width: 36em) {h2{font-size: 2.5rem;}