sass的视频教程

http://www.w3ci.com/video/715.html

http://koala-app.com/index-zh.html

 

 

/***************三角形的应用***************/
.triggle(top,@w:5px,@c:#ccc){
  border-width:@w;
  border-color:@c transparent transparent transparent;
  border-style: solid dashed dashed dashed;
}
.triggle(right,@w:5px,@c:#ccc){
  border-width:@w;
  border-color:transparent @c transparent transparent;
  border-style: dashed solid dashed dashed;
}
.triggle(bottom,@w:5px,@c:#ccc){
  border-width:@w;
  border-color:transparent transparent @c transparent;
  border-style: dashed dashed solid dashed;
}
.triggle(left,@w:5px,@c:#ccc){
  border-width:@w;
  border-color:transparent transparent transparent @c;
  border-style: dashed dashed dashed solid;
}

.triggle(@_,@w:5px,@c:#ccc)
{
  width:0;
  height:0;
  overflow: hidden;
}
.sanjiao{
  .triggle(left,12px);
}


/*******************position的应用***************/

.pos(a){
  position:relative;
}
.pos(b){
  position: absolute;
}
.pos(c){
  position: fixed;
}