Покрытие Mixin онлайн урок.


Я все время использую эти свойства вместе, что обычно является хорошей возможностью для абстракции, такой как mixin:

@mixin coverer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Например, полностраничный оверлей:

<div class="overlay"></div>

.overlay {
@include coverer;
background: rgba(black, 0.5);
z-index: 1000;
}