css - 生成css的SASS函数

Question

我有一个 sass 函数，它生成 CSS 代码，主要是 CSS 变量，如下例所示：

--my-primary-color: red;
--object-1-left: 12px;
--object-2-left: 8px;
--object-3-left: calc(var(--object-1-left) + var(--object-2-left));
...
//and so on

该函数生成上述结果，除了它全部在一行中。问题是如何将函数的结果添加到 css 文件的主 scss 中：

:root{
   my-function(param1, param2 ,...);  //not working : error: expected {
}

// using without :root :

    my-function(param1, param2 ,...);  //not working : error: expected {

但是如果添加一个最终结果无效的 css 代码，则将编译 sass 文件：

p{
   font-size : my-function(param1, param2 ,...);
}

// the reuslt: ====>

p{
   font-size : --my-primary-color: red;--object-1-left: 12px; --object-2-left: 8px;--object-3-left: calc(var(--object-1-left) + var(--object-2-left)); ...
}

标签： csssasscss-variables