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