Box 1
linkBox 2
link
@blue: #18566F;
@black: #3A3435;
@white: #FAF7F7;
@size: 11px;
.box-mixin (@radius: 5px) {
border-radius: @radius;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
color: #fff;
float: left;
margin: 5px;
padding: 5px;
text-align: vertical;
width: 100px;
}
.box {
background: @blue;
.box-mixin;
p {
font-weight: bold;
}
a {
color: @white;
&:hover {
color: darken(@white, 20%);
font-size: @size + 1;
text-decoration: underline;
}
}
}
.box20 {
background: @black;
.box-mixin(20px);
}