less2

less2

@base-color: #000;
@fore-color: darken(@base-color, 50%);
@back-color: lighten(@base-color, 50%);

.bordered(@width:1px,@type:solid,@color:@back-color) {
  border: @arguments;
}

.rounded(@radius:5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.shadowed(@x:5px,@y:5px,@color:@back-color) {
  box-shadow: @arguments;
  margin-bottom: 5px;
}

.focus {
  color: @fore-color;
  .shadowed();
}

header, footer, article, aside, hgroup, section, nav, div {
  .bordered();
  .rounded();
  padding: 1px;
}