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

Example

@use 'more-sass' as more;

.element {
  @include more.full-size;
}
.element {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
Edit this page on GitHub Updated at Tue, Jun 24, 2025