css - 使用 Sass 混合从 div 类生成像素/rem/百分比大小？

Question

有没有办法使用 div 类中的 sass mixin 生成像素/百分比/rem 大小？例如，以下是类可能设置的示例：

<div class="height-134px width-33percent">

这将是 CSS 输出：

.height-134px {
  height: 134px;
}

.width-33percent {
  width: 33%;
}

基本上试图让内容经理/设计师在需要时非常容易地微调某些东西。

Answer 1

不，这不是 Sass 的工作方式。Sass 不会从您的 HTML 中读取类。您必须首先使用 Sass 为每个可能的属性和值创建一个类才能使其工作。我建议研究诸如Tachyons或Tailwind之类的 CSS 实用程序类框架，它们为内容管理器可以在 HTML 中使用的许多内容预定义了类。