_base.sass 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. // *************************************
  2. //
  3. // Base
  4. // -> Tag-level settings
  5. //
  6. // *************************************
  7. html
  8. background: $c-background
  9. color: $c-text
  10. font-family: $b-fontFamily
  11. font-size: $b-fontSize
  12. line-height: $b-lineHeight
  13. body
  14. font-size: 100%
  15. // -------------------------------------
  16. // Block Content
  17. // -------------------------------------
  18. ul, p
  19. margin-bottom: $b-space
  20. margin-top: 0
  21. li
  22. margin-bottom: $b-space-s
  23. margin-top: 0
  24. // ----- Headings ----- //
  25. h1, .h1, %h1,
  26. h2, .h2, %h2,
  27. h3, .h3, %h3,
  28. h4, .h4, %h4
  29. font-family: $b-fontFamily-heading
  30. font-weight: bold
  31. line-height: 1.2
  32. margin-bottom: $b-space-xs
  33. margin-top: 0
  34. h1, .h1, %h1
  35. color: $blue
  36. font-size: 170%
  37. text-transform: uppercase
  38. h2, .h2, %h2
  39. font-size: 150%
  40. h3, .h3, %h3
  41. font-size: 105%
  42. h4, .h4, %h4
  43. font-size: 110%
  44. // -------------------------------------
  45. // Inline Content
  46. // -------------------------------------
  47. // ----- Links ----- //
  48. a
  49. color: $c-highlight
  50. text-decoration: none
  51. &:hover,
  52. &:focus
  53. color: lighten($c-highlight,10%)
  54. // ----- Images ----- //
  55. img
  56. height: auto
  57. max-width: 100%