将值从HTML传递到SCSS

我是SCSS的新手，不确定如何使用它。我到处寻找SO和其他地方，但找不到解决方案。

我正在开发一个显示电话列表的应用程序。我通过调用REST API获得此列表（以JSON形式）。所有电话都具有要显示的相同类型的信息，例如名称，型号，价格，可用量，数量。

请注意，我的问题与SASS中的Access HTML属性值不同。此链接讨论计算父元素的子代数。在我的情况下，我想获取样式表代码（颜色，字体大小，字体宽度），具体取决于JSON对象的属性之一的值。

我正在尝试做的是：

根据电话的类型，以自己的DIV /卡显示这些电话，并用各自的颜色显示。“电话类型”是整数值。

以不同的字体大小显示名称，价格，可用量和数量。

我已经在SCSS中阅读了有关@mixin的内容，并且他们可以接受参数。我想我可以用它来传递我的电话类型的整数/数字值。

我所看到的所有示例都是通过传入参数值从另一个SCSS文件中调用@mixin。

这是将参数值传递给@mixin的唯一方法吗？

如果有人可以告诉我是否有办法将参数值（在我的情况下为电话类型）从HTML传递给SCSS @mixin，那将是很好的。

非常感谢您的帮助。

谢谢。

您可以使用CSS自定义属性（变量）将值从HTML传递到CSS类

这是工作示例：

.fill-color {
  display: block;
  height: 40px;
  width: 40px;
  color: var(--color);
}

Test
Test
Test