我正在尝试使用 bulma 框架,但我只需要网格部分,遗憾的是这一切都在 sass 中,我不知道如何只获取 css 部分。
回购在这里https://github.com/jgthms/bulma/tree/master/sass/grid我假设网格被命名columns.sass
如果我通过 npm 下载了 bulma 作为
npm install bulma
我已经安装了 get/sass。如何仅在 CSS 中获取网格部分?
我正在尝试使用 bulma 框架,但我只需要网格部分,遗憾的是这一切都在 sass 中,我不知道如何只获取 css 部分。
回购在这里https://github.com/jgthms/bulma/tree/master/sass/grid我假设网格被命名columns.sass
如果我通过 npm 下载了 bulma 作为
npm install bulma
我已经安装了 get/sass。如何仅在 CSS 中获取网格部分?
您可以使用node-sass
来构建您所指的列(网格)的 CSS 版本。
用于npm
下载bulma
包。然后创建一个单独的文件来导入mixins.sass
和column.sass
文件。最后,运行node-sass
以获得闪亮的新 CSS 文件。
网格.sass
@import "utilities/mixins.sass"
@import "grid/columns.sass"
命令行
node-sass grid.sass grid.css
从0.7.1版开始,仅编译 Grid Column 系统的方法是这样的:
先决条件:您需要已node-sass
安装:npm install -g node-sass
下载或git clone
回购
git clone git@github.com:jgthms/bulma.git
cd bulma
创建一个文件grid.sass
并添加以下行:
@import "sass/utilities/_all"
@import "sass/grid/columns"
编译
node-sass grid.sass grid.css
的更新答案,您也bulma > 0.4
需要导入variables.sass
@import "utilities/variables.sass"
@import "utilities/mixins.sass"
@import "grid/columns.sass"