[css] LESS简单使用

混入

.border-radius(@value) {
  -webkit-border-radius: @value;
  -moz-border-radius: @value;
  border-radius: @value;
  background-clip: padding-box;
}

.slightly-rounded {
 .border-radius(2px);
}

.very-rounded {
 .border-radius(16px);
}

变量

@yellowish: #FFC;

a {
 background-color: @yellowish;
}

blockquote {
 background-color: #333;
 color: @yellowish;
}

@default_width: 140px;

input {
  width: @default_width;
}

textarea {
  width: @default_width + 60px;
}