Mixins

visually-hidden

Visually hides the element but keeps it accessible.

Arguments

—

Example

@use 'more-sass' as more;

.element {
  @include more.visually-hidden;
}

.element {
  position: absolute;
  z-index: -1;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

Edit this pageorReport an issue

use-transition

High order mixin to reduce boilerplate code for "default" transitions.

Variables

The library includes some variables used in functions and mixins. They are also publicly available and can be useful in some cases.