less语法

@color: #4D926F;
#header {color: @color;}
h2 {color: @color;}
.rounded-corners (@radius: 5px) {
-webkit-border-radius: @radius;   
  -moz-border-radius: @radius;   
  -ms-border-radius: @radius;   
   -o-border-radius: @radius;   
     border-radius: @radius;}
#header{.rounded-corners;}
#footer{.rounded-corners(10px);}
#header {    
h1 {font-size: 26px;font-weight: bold;}    
p {font-size: 12px;
    a {text-decoration: none;
        &:hover {border-width: 1px}
    }
  }
}
@the-border: 1px;
@base-color: #111;
@red: #842210;
#header {color: (@base-color * 3);border-left: @the-border;border-right: (@the-border * 2);}
#footer {color: (@base-color + #003300);border-color: desaturate(@red, 10%);}


你可能感兴趣的:(color,footer)