Переменные в CSS - стоит ли? Или есть другие приемы?

[DimaU]

Друзья, нашел поиском, что можно делать переменные в таблицe стилей (css). Нужно для установки и смены цветов (в одном месте).
Пример из инета:

:root {
  var-header-color: #99D1FF;
}
 
Далее, его значение может передаваться с помощью переменной “header-color”:
h1 {
  color: var(header-color);
}

НО (!) пишут не всегда (не во всех браузерах) такое поддерживается...
Стоит ли использовать такие конструкции? Есть лучшая альтернатива?

Браузеры и переменные
Для просмотра ссылки Войди или Зарегистрируйся

 

[Sorcus]

Открой для себя SCSS Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

 

[DimaU]

Отстал от прогресса.... Почитаю! Спасибо!
И что его можно также легко влючить в шаблон, движок? (dle)
как css
<link type="text/css" rel="StyleSheet" href="{THEME}/css/style.css" />

 

[Sorcus]

И что его можно также легко влючить в шаблон, движок? (dle)

Честно - не помню. Ибо с фронтендом дел не имею.

 

[ultra]

1. Для просмотра ссылки Войди или Зарегистрируйся
2. Для просмотра ссылки Войди или Зарегистрируйся
3. ???
4. prof1t.!!1

 

[DimaU]

Спасибо знакомлюсь с less... Красота!
Но это надстройки типа:

<script src="less.js" type="text/javascript"></script>
<link rel="stylesheet/less" type="text/css" href="style.less">

Думаю... насколько это нагрузит выдачу сайта (по сравнению с обычным css)? со всеми ли браузерами дружит? и тп

 

[Sorcus]

Спасибо знакомлюсь с less... Красота!
Но это надстройки типа:

<script src="less.js" type="text/javascript"></script>
<link rel="stylesheet/less" type="text/css" href="style.less">

Думаю... насколько это нагрузит выдачу сайта (по сравнению с обычным css)? со всеми ли браузерами дружит? и тп

Лучше так не делать. Компилируй в готовый css на своем сервере и отдавай пользователю уже готовый css. Сайты и так тормозят, а ты еще хочешь сборку css переложить на компьютер пользователя...

 

[DimaU]

Э... если это (less) компилируется в обычный css, то правильно понимаю, что никаких там конструкций с var (см.начало темы) там не будет. И less - типа удобное средство (исходный язык) генерации/создания css?

PS
по-сути хотел цветами поуправлять (через переменные)

 

[Sorcus]

Э... если это (less) компилируется в обычный css, то правильно понимаю, что никаких там конструкций с var (см.начало темы) там не будет. И less - типа удобное средство (исходный язык) генерации/создания css?

Less/SCSS - препроцессоры. Мягко говоря - это просто синтаксический сахар для css.

 

[ultra]

Для просмотра ссылки Войди или Зарегистрируйся