scaffolding.less 885 B

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