less各个方向的三角形的快速封装

468 阅读1分钟
.trangle(@_,@_,@size) {
width: 0;
height: 0;
border: @size solid transparent;
}
.trangle(top,@color,@size) {
border-bottom-color: @color;
}
.trangle(bottom,@color,@size) {
border-top-color: @color;
}
.trangle(left,@color,@size) {
border-right-color: @color;
}
.trangle(right,@color,@size) {
border-left-color: @color;
}
.tri {
.trangle(top,red,10px);
}