zoukankan      html  css  js  c++  java
  • less常用base级别的基础代码

     1 //display
     2 .db(){display: block}
     3 .di(){display: inline}
     4 .dib(){display: inline-block}
     5 
     6 //
     7 .tdn(){text-decoration: none;}
     8 
     9 //background
    10 //.back(@url,@c){@c @url center center no-repeat;}
    11 //margin padding
    12 .m(@m){margin: @m;}
    13 .mt(@mt){margin-top: @mt;}
    14 .ml(@ml){margin-left: @ml;}
    15 .mr(@mr){margin-right: @mr;}
    16 .mb(@mb){margin-bottom: @mb;}
    17 .p(@p){padding: @p;}
    18 .pt(@pt){padding-top: @pt;}
    19 .pl(@pl){padding-left: @pl;}
    20 .pr(@pr){padding-right: @pr;}
    21 .pb(@pb){padding-bottom: @pb;}
    22 
    23 .m0{.m(0)}
    24 .mt0{.mt(0)}
    25 .mb0{.mb(0)}
    26 .mr0{.mr(0)}
    27 .ml0{.ml(0)}
    28 .p0{.p(0)}
    29 .pt0{.pt(0)}
    30 .pb0{.pb(0)}
    31 .pr0{.pr(0)}
    32 .pl0{.pl(0)}
    33 
    34 //height line-height
    35 .h(@h){height:@h}
    36 .lh(@lh){line-height:@lh}
    37 .w(@w){width:@w}
    38 //fz
    39 .fz(@fz){font-size: @fz;}
    40 
    41 //color
    42 .c(@c) when (iscolor(@c)){color:@c}
    43 //text
    44 .tl(){text-align: left}
    45 .tr(){text-align: right}
    46 .tc(){text-align: center}
    47 .tj(){text-align: justify}
    48 .tin2(){text-indent: 2em;}
    49 
    50 .vm(){vertical-align: middle;}
    51 
    52 //border
    53 .b(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border:@w @s @c}
    54 .bb(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-bottom:@w @s @c}
    55 .bt(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-top:@w @s @c}
    56 .bl(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-left:@w @s @c}
    57 .br(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-right:@w @s @c}
    haley欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
  • 相关阅读:
    深入理解 JavaScript(五)
    深入理解 JavaScript(四)
    深入理解 JavaScript(三)
    opecv官网接口查询
    一个python-opencv博客
    Python中range和xrange的区别
    【转载】opencv 二值化函数——cv2.threshold
    python-opencv中的cv2.inRange函数
    anaconda conda install wxpython4 安装包 python3环境(GUI)
    python之assert
  • 原文地址:https://www.cnblogs.com/haley168/p/less.html
Copyright © 2011-2022 走看看