// // Scaffolding // ————————————————–
// Body reset // ————————-
body {
margin: 0; font-family: @baseFontFamily; font-size: @baseFontSize; line-height: @baseLineHeight; color: @textColor; background-color: @bodyBackground;
}
// Links // ————————-
a {
color: @linkColor; text-decoration: none;
} a:hover, a:focus {
color: @linkColorHover; text-decoration: underline;
}
// Images // ————————-
// Rounded corners .img-rounded {
.border-radius(6px);
}
// Add polaroid-esque trim .img-polaroid {
padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); .box-shadow(0 1px 3px rgba(0,0,0,.1));
}
// Perfect circle .img-circle {
.border-radius(500px); // crank the border-radius so it works with most reasonably sized images
}