Rename $media-feature to $range-feature to better reflect
that the customizable media feature is prefixed with "min-" or "max-" to express
"minimum condition" or "maximum condition" constraints.
// @mcaskill/sass-mq v5
.hero {
@include mq.mq(mobile, $media-feature: height) {
height: 300px;
}
}
// @mcaskill/sass-mq v6
.hero {
@include mq.mq(mobile, $range-feature: height) {
height: 300px;
}
}