Как объявить глобальную css переменную в sass?

Question

[Andrei Popov]

:root
   --bordrad: 3px

Как объявить глобальную css переменную в sass?
Такой код выбивает ошибку

Comments

[sim3x]

Зачем?

[Владимир Проскурин]

sim3x, наверное, из-за особенностей использования. Все таки SCSS переменные, это больше константы, а CSS переменные гораздо гибче, их можно менять через JS, они имеют каскадность и.т.д. Хотя я тоже не замечал, чтобы кто-то использовал их в SCSS.

[Владимир Проскурин]

andrei500 мне кажется, вы ошибаетесь. Я попробовал ваш пример тут https://www.sassmeister.com/ и у меня все прекрасно работает.

[sim3x]

Владимир Проскурин,
"Гибкость" цсс- оно как гибкость лома.
Очень ненужная вещь

И даже в кейсе с созданием "тем" для сайта - они имеют слабое применение, тк "тема" не может отличаться только цветами

[Владимир Проскурин]

sim3x, если сравнивать их с переменными SCSS, то может в этом контексте они не нужны (разве что для каких-то узких задач, типа раскрашивание несколькими цветами SVG иконки). Но сами по себе они юзабельны.

тк "тема" не может отличаться только цветами

Это уже больше шаблон.

Answer 1

[ⓒⓢⓢ]

\:root
  --bordrad: 3px

Comments

[Andrei Popov]

Спасибо!

Answer 2

[Ivan Bogachev]

Вероятно вы получаете такую ошибку:

Error: Properties are only allowed within rules, directives, mixin includes, or other properties. If ":root" should be a selector, use "\:root" instead.

Стоит ее прочитать более внимательно и использовать \:root вместо :root в данной ситуации.

Answer 3

[ParaBellum577]

$bordrad: 3px; Так пробовали?