Как сделать динамические переменные c с меньшим количеством в файле CSS?

Question

На самом деле я хочу использовать CSS переменную меньше ...

:root {
    --header: #6B66A4;
}

@header: #6B66A4;

Как?

Answer 1

Less компилирует следующее

:root {
  --header: #6B66A4;
}

@header: var(--header);

body {
  color: @header;
}

для этого CSS, генерируемого в время сборки :

:root {
  --header: #6B66A4;
}

body {
  color: var(--header);
}

Конечно, Месс ничего не знает о том, что var(--header) означает или является - это просто string до Меньше.