Sass 是一群超级懒的人创造的 Css 快速编程工具
Sass(Syntactically Awesome Style Sheets)是一个相对新的编程语言,Sass 为 web 前端开发而生,可以用它来定义一套新的语法规则和函数,以加强和提升 CSS。通过这种新的编程语言,你可以使用最高效的方式,以少量的代码创建复杂的设计。它改进并增强了 CSS 的能力,增加了变量,局部和函数这些特性。
@import
等导入方法可以实现设计模块化分离Jekyll 3 已经自带 Sass 编译器了, 不需要额外安装
.
| - _sass
| - _typography.scss
| - _layout.scss
| - _colors.scss
| - css
| - screen.scss
| - print.scss
_sass
文件夹里面是 partial 文件,这些个文件在最后构建的时候不会被生成。css
文件夹里面是 main 文件, 这里面的文件最终会生成到 _site/css
_sass/test.scss
.content {
height: 50px;
}
css/test.scss
---
---
@import "test";
.content {
width: 45rem;
margin: 0 auto;
};
html 照常使用 css
<li*nk rel="stylesheet" href="/css/test.css">
最后文件会被自动转换成 .css
因此只需要引用 .css
即可
直接看官方项目吧: https://github.com/jekyll/jekyll-sass-converter