Sandal for PostCSS

sass-sandal 的 PostCSS 版本。

使用了 CSS Next 语法，支持变量、嵌套、mixin、%等，砍掉了 Sass 中 PostCSS 一些不支持的能力。

覆盖默认变量

默认variable.css中定义了一些变量，如主色定义如下：

:root {
  --primary: var(--customPrimary, #009eef);
}

这里使用了使用变量时传入多个参数的一个小技巧，这样你可以很方便的在另一个文件中定义--customPrimary变量来覆盖--primary的值。

具体可参考：using-variables

功能介绍

import

依赖于 PostCSS 的插件 postcss-partial-import

变量

使用了最新的 CSS variable，可通过 postcss-cssnext 来实现编译

嵌套

依赖于 PostCSS 的插件 postcss-nested

mixin

依赖于 PostCSS 的插件 postcss-advanced-variables

%

依赖于 PostCSS 的插件 postcss-extend