1//
2// Scaffolding
3// --------------------------------------------------
4
5
6// Body reset
7// -------------------------
8
9body {
10  margin: 0;
11  font-family: @baseFontFamily;
12  font-size: @baseFontSize;
13  line-height: @baseLineHeight;
14  color: @textColor;
15  background-color: @bodyBackground;
16}
17
18
19// Links
20// -------------------------
21
22a {
23  color: @linkColor;
24  text-decoration: none;
25}
26a:hover,
27a:focus {
28  color: @linkColorHover;
29  text-decoration: underline;
30}
31
32
33// Images
34// -------------------------
35
36// Rounded corners
37.img-rounded {
38  .border-radius(6px);
39}
40
41// Add polaroid-esque trim
42.img-polaroid {
43  padding: 4px;
44  background-color: #fff;
45  border: 1px solid #ccc;
46  border: 1px solid rgba(0,0,0,.2);
47  .box-shadow(0 1px 3px rgba(0,0,0,.1));
48}
49
50// Perfect circle
51.img-circle {
52  .border-radius(500px); // crank the border-radius so it works with most reasonably sized images
53}
54