Перевод статьи Per Harald Borgen: Learn CSS Variables in 5 minutes. Пользовательские свойства CSS (CSS Custom Properties), также известные как переменные — большая победа для разработчиков интерфейсов. Они приносят силу переменных в CSS, что приводит к уменьшению дублирования, повышению читабельности и большей гибкости. Кроме того, в отличие от переменных в препроцессорах CSS, нативные переменные CSS фактически являются частью DOM, что даёт много преимуществ. Поэтому они по существу похожи на переменные SASS и LESS на стероидах...

При оформлении веб-страниц разработчикам часто приходится повторять одни и те же значения свойств в нескольких сегментах таблиц стилей - например, при использовании основного акцентного цвета для различных элементов веб-страницы. Но теперь CSS поддерживает использование пользовательских свойств, также известных как переменные CSS, чтобы избежать повторения значений свойств CSS. Как и в любом популярном языке программирования, в CSS также реализованы переменные для написания чистого кода с продуктивным синтаксисом присвоения и извлечения, поддержкой диапазонов и обратных значений...