sass相关

[viviannow]

Mixin 可以重用的代码块。

使用@mixin命令，定义一个代码块。使用@include命令，调用这个mixin。

@mixin left {float: left;margin-left: 10px;} div {@include left;}

mixin的强大之处，在于可以指定参数和缺省值。 　　@mixin left($value: 10px) {float: left;margin-right: $value;} 　　div {@include left(20px);}

mixin的实例，用来生成浏览器前缀。 　　@mixin rounded($vert, $horz, $radius: 10px) { 　　　　border-#{$vert}-#{$horz}-radius: $radius; 　　　　-moz-border-radius-#{$vert}#{$horz}: $radius; 　　　　-webkit-border-#{$vert}-#{$horz}-radius: $radius; 　　} 　　#navbar li { @include rounded(top, left); } 　　#footer { @include rounded(top, left, 5px); }