Черные и белые функции непрозрачности онлайн урок.


Это довольно обычная потребность в немного прозрачном черном или белом. В CSS вы можете:

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

В Сассе становится легче, где вы можете заменить название цвета:

.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);
}