时间戳

首页 > 解决方案 > 是否可以在 Sass 中访问和覆盖局部范围的变量？

html - 是否可以在 Sass 中访问和覆盖局部范围的变量？

问题描述

所以现在我所有的变量在范围内都是全局的，但这也需要使用唯一的变量名，这样它们就不会冲突。

通常，我只是在变量前面加上文件名，然后瞧一个唯一的变量名。

示例 1

_text.scss

$text_fontSize: 1em;

我不太喜欢这种策略，但这是我目前所知道的。我更愿意将变量包装在一个类或其他 CSS 选择器中，这样变量就不再需要在每个文件中都是唯一的。

示例 2

_text.scss

.sizeClass {
   $fontSize: 1em;
}

_paragraphs.scss

@use 'text' with(
   $fontSize: text.sizeClass.$fontSize;
);

p {
   font-size: $fontSize; // 1em
}

请原谅我的无知，因为我对 Sass 相对缺乏经验。不确定是否有办法将变量包装在可以被其他文件调用的函数或对象中，我只是没有遇到过这样的例子。

标签： htmlcsssass

解决方案

推荐阅读