css - 在 less 和 scss 之间共享一个变量文件

标签 css sass less

我有两个大元素,每个元素都有一个相对简单的具有多个主题的 Web 前端:不同的颜色和字体。这些主题在各个元素中都是相同的

其中一个元素使用了scss,另一个使用的较少。我的强项也不是,我不允许让他们在两个地方都使用一个或另一个。然而,我想做的是有一个共享文件夹,每个主题都有一个文件,可以保存该主题的所有变量。

这将使我能够避免重复并使维护稍微容易一些,同时促进两个元素之间必须具有相同颜色和字体的一致性。有没有一种相对简单的方法来做到这一点?

最佳答案

您应该阅读 SASSLESS文档。你会看到 SASS 和 LESS 虽然相似但都有不同的变量声明方式。因此,将 LESS 文件导入 SASS 文件,反之亦然,不会得到您期望的结果。

我建议,因为这是一个简单的改变,将 LESS 文件调整为 SASS 文件或将 SASS 文件调整为 LESS 文件,并从那里创建你想要的基础。

关于css - 在 less 和 scss 之间共享一个变量文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43467547/

相关文章:

CSS 元素被分离/破坏/包装

html - 如何覆盖用户代理 CSS

css - firefox 中的自动溢出不显示滚动时溢出的所有内容

html - 悬停时 DIV 内的图像真正居中对齐

css - Sencha (v5) App Watch 未获取 SASS 更改

reactjs - 如何使用 webpack less-loader 从特定路径导入 LESS 文件?

javascript - 使用 less.js 获取更少的变量列表

css - 非粗斜体文本

html - :nth-of-type in haml and scss 的问题

reactjs - 如何将 React 与 Typescript 和 SASS 结合使用