Copertura Mixin - Trucchi CSS

Anonim

Mi ritrovo a usare queste proprietà insieme tutto il tempo, che in genere è una buona opportunità per un'astrazione come un mixin:

@mixin coverer ( position: absolute; top: 0; left: 0; width: 100%; height: 100%; )

Ad esempio, un overlay a pagina intera:

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