less
公共样式
// 三角形
.triangle(@color,@size) {
width:0;
height:0;
border-width:0 @size @size ;
border-style:solid;
border-color: transparent transparent @color;/*灰 透明 透明 */
}
用法
.triangle(#999999,10px)
sass
公共样式
// 三角形
@mixin triangle($f) {
width:0;
height:0;
border-width:rem(10) rem(10) 0;
border-style:solid;
border-color:$f transparent transparent;/*灰 透明 透明 */
}
用法
@include triangle(#F00)
