@springernature/global-mq v1.0.0

Media Query

This module makes available the Breakpoint mixin, for dealing with media queries.

You need to install breakpoint-sass version 2.0.0 or higher at the same level as this component e.g.

"devDependencies": {
  "@springernature/global-mq": "^1.0.0",
  "breakpoint-sass": "^2.0.0"
}

Examples

.c-yourcomponent {
    color: plum;

    @include global-mq('500px') {
        color: hotpink;
    }
}