Цвет CSS Переменные не работают в Edge

Question

Я разрабатываю новый шаблон для блоггеров. Я хочу, чтобы сделать его легко изменить весь цвет шаблона в то же время, изменив значение переменной, так что я использовал эти строки:

:root { 
    --bg-color: #fff; 
    --url-color : #000; 
    --main-color : #2daeeb; 
    --main-hover-color : #2ca1de; 
    --alt-color : #ff6347; 
} 

, но, к сожалению, это не работает в пограничном браузере:/хотя i

-webkit- 

Answer 1

Переменные CSS не поддерживаются IE или Edge. См. here в разделе Совместимость с браузером.

Также the W3C spec.

В качестве альтернативы вы можете использовать препроцессор CSS для компиляции вашего CSS с использованием переменных так, как вы описываете.

Docs on Sass

Docs on Less