sass - 如何将特定蓝图组件导入 Compass？

Question

我可以使用 screen.scss 中的以下代码将整个蓝图 css 框架加载到我的项目中：

@import "compass";
@import "blueprint";
@include blueprint;

但是，我只想包含特定组件，例如“蓝图/网格”和“蓝图/按钮”：

@import "compass";
@import "blueprint/grid";
@import "blueprint/buttons";
@include blueprint;

当我尝试仅导入这些部分时，出现以下错误：

error resources/sass/screen.scss (Line 12: Undefined mixin 'blueprint'.)

有谁知道如何包含蓝图的一部分，但不是全部？

Answer 1

蓝图 mixin 位于根样式表中。这意味着您所做的一切都是正确的，但是您仍然需要执行 @import "blueprint" 来获取主 mixin。

@import "compass";
@import "blueprint";
@import "blueprint/grid";
@import "blueprint/buttons";
@include blueprint;