Hidden helper

• This helper set "position" property.
• We recomment to use this helper on elements with no position specified.

scss

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

.c-foo {
  @include core.hidden();

  @include core.media-min(md) {
      @include core.visible();
  }
}

Visible helper

• This helper set "position" property.
• We recomment to use this helper on elements with no position specified.

scss

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

.c-foo {
  @include core.hidden();

  @include core.media-min(md) {
      @include core.visible();
  }
}

Invisible helper

scss

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

.c-foo {
  @include core.invisible();
}