Как определить переменные для :root в sass?

  • 13 августа 2023 г. 10:15
Ответы на вопрос 2
Для определения переменных в :root в Sass, вам нужно использовать следующий синтаксис:

```
:root {
  --variable-name: value;
}
```

Здесь `variable-name` - это имя вашей переменной, а `value` - значение переменной.

Например, если вы хотите задать переменную с именем `primary-color` и значением `blue`, вы можете сделать следующее:

```
:root {
  --primary-color: blue;
}
```

Теперь вы можете использовать эту переменную в любом месте в вашем коде CSS или Sass, используя функцию `var()`:

```
.element {
  color: var(--primary-color);
}
```

Проверьте свои настройки и убедитесь, что вы правильно используете синтаксис для определения переменных в :root.
Просто используйте двойное двоеточие для записи переменных в sass синтаксисе, тогда ошибка уйдет:
```
:root {
  --basewidth: 960px;
}

div {
  width: var(--basewidth);
}
```
При этом переменные нужно задавать в начале файла. Или вы можете использовать css-переменные, если это действительно необходимо.
Похожие вопросы