Phủ sóng Mixin - Thủ thuật CSS

Anonim

Tôi thấy mình luôn sử dụng các thuộc tính này cùng nhau, đây thường là cơ hội tốt cho một sự trừu tượng như mixin:

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

Ví dụ: lớp phủ toàn trang:

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