A CSS toolkit helpers compiled by sass.
# yarn
$ yarn add toolkitcss2 种方式使用。
- 直接导入编译后的
css文件。 - 导入未编译的
scss源文件。
// @/main.js
import 'toolkitcss/dist/index.css'如果你的项目使用的也是 sass(dart-sass)，可以将 scss 源文件导入至你的公共 styles 中。
例如：
// @/styles/toolkitcss/index.scss
// 你可以在导入之前自定义编译变量
// 例如，修改 spacing 工具类的上限值
$--spacing-upper-limit-value: 60;
// more ...
@import '~toolkitcss/src/lib/styles/index';
// ...然后在项目入口文件中导入：
// @/main.js
// ...
import '@/styles/toolkitcss/index.scss' // global css