Det er ganske vanlig å trenge litt gjennomsiktig svart eller hvitt. I CSS kan du gjøre:
.half-black ( background: rgba(0, 0, 0, 0.5); )
Det blir lettere i Sass, hvor du kan erstatte et fargenavn:
.half-black ( background: rgba(black, 0.5); )
Eller gjør det enklere, ved å lage tilpassede funksjoner:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )