Как использовать css переменные в scss функциях?

Добрый день.
В проекте используется css-переменные и Scss. Возник вопрос , как использовать эти переменные в миксинах scss?
@function rem($px) {
	@return ($px / var(--font-size)) + rem;
}

html {
  --font-size: 16px;
}

Также не могу использовать их и со стандартными функциями Scss (rgba(var(--color-main), 0.5))
  • Вопрос задан
  • 148 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Это невозможно.

Scss файлы компилируются до выполнения в браузере. А значение css-переменной присваивается именно во время выполнения.

Попробуйте наоборот:

$font-size: 16px;

@function rem($px) {
  @return ($px / $font-size) + rem;
}

:root {
  --font-size: #{$font-size};
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы