Less 运算篇

Less 运算：在Less中，任何数字、颜色、变量都可以参与运算

@a:20;
@b:@a+4;
@c:@a+@b;
@d:(@a+3)*2;  // 使用小括号可以改变运算优先级
@color:#666/2;
@bgColor:@color+#222;

.less{

    // 此处用到的 unit() 为Less的单位函数，作用是改变或移除函数，详细用法查看《Less 函数篇》

    font-size:unit(@b,px);  // 24px
    font-size:unit(@c,px);  // 44px
    font-size:unit(@d,px);  // 46px

    color:@color;  // #333

    border:unit(@a/4+3,px) solid #ccc;  // 8px solid #ccc

    background-color:@bgColor;  // #555
}