Cobrindo Mixin - CSS-Tricks

Anonim

Eu me pego usando essas propriedades juntas o tempo todo, o que normalmente é uma boa oportunidade para uma abstração como um mixin:

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

Por exemplo, uma sobreposição de página inteira:

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