Sass — преобразование Hex в RGBa для непрозрачности фонаCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Sass — преобразование Hex в RGBa для непрозрачности фона

Сообщение Anonymous »

У меня есть следующий миксин Sass, который представляет собой наполовину полную модификацию примера RGBa:

Код: Выделить всё

@mixin background-opacity($color, $opacity: .3) {
background: rgb(200, 54, 54); /* The Fallback */
background: rgba(200, 54, 54, $opacity);
}
Я применил $opacity хорошо, но теперь я застрял в части $color.
Цвета, которые я буду отправлять в миксин, будут HEX, а не RGB.

Мой пример использования будет:

Код: Выделить всё

element {
@include background-opacity(#333, .5);
}
Как я могу использовать HEX-значения в этом миксине?


Подробнее здесь: https://stackoverflow.com/questions/109 ... nd-opacity
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Использование функции SASS rgba в контексте переменной CSS?
    Anonymous » » в форуме CSS
    0 Ответы
    15 Просмотры
    Последнее сообщение Anonymous
  • Вывод SASS из одного файла SASS в несколько файлов CSS
    Anonymous » » в форуме CSS
    0 Ответы
    55 Просмотры
    Последнее сообщение Anonymous
  • «Gulp-Sass» и «sass» с ES-модулем не работает, когда попытаться получить CSS из файлов SCSS
    Anonymous » » в форуме CSS
    0 Ответы
    39 Просмотры
    Последнее сообщение Anonymous
  • Как импортировать переменные JavaScript в настройку sass sass?
    Anonymous » » в форуме CSS
    0 Ответы
    17 Просмотры
    Последнее сообщение Anonymous
  • Как импортировать переменные JavaScript в настройку sass sass?
    Anonymous » » в форуме CSS
    0 Ответы
    15 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»