Funkcje krycia czarno-białego - CSS-Tricks

Anonim

Często potrzeba odrobiny przezroczystej czerni lub bieli. W CSS możesz:

.half-black ( background: rgba(0, 0, 0, 0.5); )

W Sass jest to łatwiejsze, gdzie możesz zastąpić nazwę koloru:

.half-black ( background: rgba(black, 0.5); )

Lub jeszcze bardziej ułatw, tworząc funkcje niestandardowe:

@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )