如何在CSS文件中减少动态变量的数量？

Question

实际上我想在较少的地方使用CSS变量...

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

@header: #6B66A4;

如何？

Answer 1

较少编译以下内容

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

@header: var(--header);

body {
  color: @header;
}

此CSS在build time生成：

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

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

[Less当然不知道var(--header)的含义是什么-对Less只是string。