如何将特定蓝图组件导入 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

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

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