Sass 样板
这是一个使用 7-1 架构模式的示例项目,遵循 Sass 指南的编写规范。
项目中的每个文件夹都有自己的 README.md
文件,用于解释目的和提供额外信息。请务必浏览整个仓库以了解其工作原理。
使用缩进语法
Sass 转换
本样板不提供 .sass
版本,因为在没有适当构建过程的情况下维护两个版本会很痛苦。然而,将此样板转换为 Sass 缩进语法非常简单。
克隆它,进入项目目录,然后运行:
sass-convert -F scss -T sass -i -R ./ && find . -iname "*.scss" -exec bash -c 'mv "$0" "${0%\.scss}.sass"' {} \;
与 Sass 一起使用
使用 sass
时,要构建这个样板,需要:
- 如果尚未安装
sass
,请安装:
npm install -g sass
- 从命令行运行构建命令:
sass stylesheets/main.scss dist/main.css