css - 使用 Compass 函数而不使用 Compass 来编译样式表

Question

我目前正在从事一个使用 Sass 来编译我的样式表的元素。然而，我发现我想在我的 CSS 中做一些三 Angular 函数，因此转向 Compass 寻求支持。

为了使用 Compass 支持的三 Angular 函数，我必须使用框架来编译我的样式表吗？ (即重构我的 gulp 工作流以使用 compass 而不是 Sass 作为我的样式表管理器？)

考虑到 Compass 是建立在 Sass 之上的，我是否正确理解我无法使用 compass 的功能(例如混合或三 Angular 函数)，同时仍然使用普通的 Sass 插件来管理我的样式表(比如 gulp-ruby-sass)？

谢谢

Answer 1

我将您的问题分为两部分。

我可以在没有 Compass 的情况下使用 Compass mixins 吗？

是。 Compass mixins 只是您可以包含在元素中的 SASS block 。例如，如果你想在你的元素中包含 Compass border-radius mixins，你可以简单地包含 border-radius partial from the Compass core。在你的元素中。这将在不通过 Compass 编译的情况下工作。

我可以在没有 Compass 的情况下使用 Compass 三 Angular 函数吗？

不。看起来三 Angular 函数依赖于 Compass 核心中的 Ruby 代码。我对 Ruby 不是很熟悉，但我认为如果不通过 Compass 编译，就没有办法将它包含在你的元素中。