Mixins

full-size

Sets the element size to 100% of its parent size and makes it positioned absolutely.

Don't forget to set the parent position property other than static.

Arguments

—

@use 'more-sass' as more;

.element {
  @include more.full-size;
}

.element {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block flow;
  inline-size: 100%;
  block-size: 100%;
}

font

Shorthand for writing font- rules in syntax like vanilla CSS font property, but without specifying the required font-family property.

hidden-element

This is the coupled pair of mixins allows to manipulate properties that affects the element visibility.