less笔记

1. 变量

//less@co郭德纲相声段子lor: #4d926f;//使用#header {  color: @color;}

2. 混合

//less.rounded-corners (@radius: 5px) {  border-radius: @radius;}//使用#footer {  .rounded-corners(10px);}

3. 运算

//less@the-border: 1px;@ba-color: #111;@red:        #842210;#header {  color: @ba-color *歌颂爱情的诗句 3;  border-left: @the-border;  border-right: @the-border * 2;}#footer {   color: @ba-color + #003300;  border-color: desaturate(@red, 10%);}@arguments包含了所有传递进来的参数.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {  box-shadow: @arguments;}

4. 条件判断

//less.arrow(达是什么意思@direction,@color,@pixel:5px) when (@direction = up) {    .arrowup(@color);    .arr深刻自我反省检讨书owt(@pixel);}.arrow(@direction,@color,@pixel:5px) when (@direction = down) {    .arrowdown(@color);    .arrowt(@pixel);}//使用div.d1{ 李白塞下曲   .arrow(right,red);}