Доста често се налага малко прозрачно черно или бяло. В CSS можете да направите:
.half-black ( background: rgba(0, 0, 0, 0.5); )Става по-лесно в Sass, където можете да замените име на цвят:
.half-black ( background: rgba(black, 0.5); )Или още по-лесно, като направите персонализирани функции:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )