Abdeckendes Mixin

Ich verwende diese Eigenschaften ständig zusammen, was typischerweise eine gute Gelegenheit für eine Abstraktion wie ein Mixin ist.

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

Zum Beispiel ein Vollbild-Overlay

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

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