Scss只导入没有样式的变量

Question

Scss Zurb-Foundation文件_base.scss包含变量，mixins和一些css代码。 如何在没有样式的情况下导入vars和mixins？

Answer 1

使用Github中的来源选择您要导入的内容。最近，我已经克隆了this directory，并使用Sass清单文件仅导入我需要的基础位。您可以获取要导入的完整组件列表here。

例如，在我的清单文件中，我将执行类似

的操作

//
// Imports Foundation's variables and functions
//

@import "foundation/settings";

//
// Import individual Foundation components
//

@import "foundation/components/grid";
//@import "foundation/components/accordion";
//@import "foundation/components/alert-boxes";
@import "foundation/components/block-grid";
@import "foundation/components/breadcrumbs";
// ...
//@import "foundation/components/top-bar";
@import "foundation/components/type";
//@import "foundation/components/offcanvas";
@import "foundation/components/visibility";

//
// Import overrides and custom styles
//

@import "partials/my-custom-element"