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