scaffolding.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. //
  2. // Scaffolding
  3. // --------------------------------------------------
  4. // Body reset
  5. // -------------------------
  6. body {
  7. font-family: @font-family-base;
  8. font-size: @font-size-base;
  9. line-height: @line-height-base;
  10. color: @text-color;
  11. background-color: @body-bg;
  12. }
  13. // Links
  14. // -------------------------
  15. a {
  16. color: @link-color;
  17. text-decoration: none;
  18. transition: .25s;
  19. &:hover,
  20. &:focus {
  21. color: @link-hover-color;
  22. text-decoration: @link-hover-decoration;
  23. }
  24. &:focus {
  25. outline: none;
  26. }
  27. }
  28. // Images
  29. // -------------------------
  30. // Rounded corners
  31. .img-rounded {
  32. border-radius: @border-radius-large;
  33. }
  34. // Image thumbnails
  35. //
  36. // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
  37. .img-thumbnail {
  38. padding: @thumbnail-padding;
  39. line-height: @line-height-base;
  40. background-color: @thumbnail-bg;
  41. border: 2px solid @thumbnail-border;
  42. border-radius: @thumbnail-border-radius;
  43. transition: all .25s ease-in-out;
  44. // Keep them at most 100% wide
  45. .img-responsive(inline-block);
  46. }
  47. // Description text under image
  48. .img-comment {
  49. font-size: ceil((@font-size-base * 0.8333)); // ~15px
  50. line-height: 1.2;
  51. font-style: italic;
  52. margin: 24px 0;
  53. }