字节的 arco.design 的设计变量如何使用变量名？

Question

有些设计变量是有 css 变量的，可以通过 var(--color-text-1) 在 css 中使用。比如：

有些设计变量，没有 css 变量，只有变量名，比如，那如何在 css 或者 scss 中使用呢？

Answer 1

那就自定义一个呗比如scss:

// 在 SCSS 中定义变量
$textColor: #333;

// 在 CSS 中使用变量
h1 {
  color: $textColor;
}