Il est assez courant d'avoir besoin d'un peu de noir ou de blanc transparent. En CSS, vous pouvez faire:
.half-black ( background: rgba(0, 0, 0, 0.5); )Cela devient plus facile dans Sass, où vous pouvez remplacer un nom de couleur:
.half-black ( background: rgba(black, 0.5); )Ou simplifiez-vous encore, en créant des fonctions personnalisées:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )