7.4 - min(#{bp(your bp)}){}
Source: mixins/_media-queries.scss, line 36
@include min($bp, $max: "null", $device: "screen"){}
Parameters:
$bp
- Breakpoints are defines in the map variables$breakpoints
, breakpoints can be called with the functionbp()
. As we call a function inside a mixin we will need to use sass interpolation,#{bp()}
. This will return a value in em.$max
- Optional max value, using $breakpoints map$device
- Default screen
Usage:
h2{@include min(#{bp(sm)}){font-size: font-size(2);}}
Output:
@media only screen and (min-width: 36em) {h2{font-size: 2.5rem;}