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 Mon, Jan 30, 2023