Κάλυψη Mixin - CSS-Κόλπα

Anonim

Βρίσκομαι να χρησιμοποιώ αυτές τις ιδιότητες μαζί όλη την ώρα, κάτι που είναι συνήθως μια καλή ευκαιρία για μια άντληση όπως μια μίξη:

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

Για παράδειγμα, μια επικάλυψη πλήρους σελίδας:

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