не очень было понятно как именно их добавлять в компонент из файла с общими стилями.
Т.е. у меня в global.css написано
:root {
--main-color: #ff0000;
}
а в компоненте в стиле я просто пишу
h2 {
color: var(--maiin-color)
}
а ссылку на файл global.css я добавляю где-то в рутовом файле, где все мои компоненты собираются?
Тут вообще нет никаких проблем. global.css это глобальный файл (пусть даже ссылочка в index.html не важно). Там ты задаёшь общие параметры для своего приложения. А в компонентах ты на их основании что-то стилизуешь. А где надо - переопределяешь переменные.
Обсуждают сегодня