media-min()

  • /src/css/core/mixin/_media-query.scss

min-width media query

scss

//
// @param  size|length  $size  width
//

@use "node_modules/sass-basis/src/css/core";

.c-foo {
  @include core.media-min(md) {
    ...
  }
}

media-max()

  • /src/css/core/mixin/_media-query.scss

max-width media query

scss

//
// @param  size|length  $size  width
//

@use "node_modules/sass-basis/src/css/core";

.c-foo {
  @include core.media-max(md) {
    ...
  }
}

media-only()

  • /src/css/core/mixin/_media-query.scss

Specific size only media query

scss

//
// @param  size|length  $size  width
//

@use "node_modules/sass-basis/src/css/core";

.c-foo {
  @include core.media-only(md) {
    ...
  }
}