wangbinyq / personal-wiki

2 stars 0 forks source link

scss #11

Open wangbinyq opened 8 years ago

wangbinyq commented 8 years ago

sass/scss 指南

why scss ?

chrome live sass

变量

变量以 $ 开头.

嵌套

分部文件, @import

以下划线 _ 开头的文件可以作为分部文件, 通过 @import 导入, 在 scss 编译时会像 c++ 预处理 #include 在进行文件合并. (以减少普通 css @import 造成的 http 请求)

@minixs, @include

@minixsscss 中代码复用的方法, 通过 @include 复用.

@extend

@extend 也可以复用代码, 它复用的是 css 选择器

运算符

scss 支持基本的算术操作符 +, - *, /, % 等.