Mixins

transform-center

Positions the element in the center of the parent element via transform property.

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

Arguments

—

@use 'more-sass' as more;

.element {
  @include more.transform-center;
}

.element {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

reset-input

Resets default styles of input elements.

triangle

Draws a triangle from the current element.