Det är ganska vanligt att du behöver lite transparent svart eller vitt. I CSS kan du göra:
.half-black ( background: rgba(0, 0, 0, 0.5); )Det blir lättare i Sass, där du kan ersätta ett färgnamn:
.half-black ( background: rgba(black, 0.5); )Eller gör det ännu enklare genom att göra anpassade funktioner:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )