与sass的微型网站造型

Question

使用基础5和Sass Im构建一个包含四个组件或“微型网站”的网站，其内容明显不同。此外，造型也将完全不同。从字体和图像，特别是颜色，所有四个组件具有完全不同的美学。

然而，所有四个组件或“微型网站”的布局和结构几乎相同。

我的问题是：
可以设置或配置为在单个交互中处理布局方面的所有必要样式，然后将颜色定义，字体和其他样式元素作为某种变量传递给它的所有兄弟样式吗？

我考虑过：
     - 创建具有适当差异的四个单独的部分scss文件，并根据活动的“微型网站”导入它们     如果可能的话，我宁愿选择更优雅的解决方案
     - 用于检测和应用必要更改的JavaScript解决方案

任何见解都将受到赞赏。

Answer 1

是的，SASS完全可以实现，实际上相对容易。 SASS具有变量的概念，通过使用部分文件，您可以将所有颜色，字体，排版等包含在自己的文件中，以便根据每个微型网站轻松更换。