È abbastanza comune aver bisogno di un po 'di bianco o nero trasparente. In CSS, puoi fare:
.half-black ( background: rgba(0, 0, 0, 0.5); )Diventa più facile in Sass, dove puoi sostituire il nome di un colore:
.half-black ( background: rgba(black, 0.5); )Oppure rendilo ancora più semplice, creando funzioni personalizzate:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )