_typography.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. body,
  2. button,
  3. input,
  4. select,
  5. textarea {
  6. color: $color__text-main;
  7. font-family: $font__main;
  8. @include font-size();
  9. line-height: $font__line-height-body;
  10. }
  11. h1, h2, h3, h4, h5, h6 {
  12. clear: both;
  13. margin: ($baseline * .75) 0;
  14. }
  15. p {
  16. margin: 0 0 $baseline;
  17. }
  18. dfn, cite, em, i {
  19. font-style: italic;
  20. }
  21. cite {
  22. color: $color__link-hover;
  23. display: block;
  24. font-family: $font__header;
  25. width: 100%;
  26. &:before {
  27. content: "\2014"
  28. }
  29. }
  30. blockquote {
  31. margin: 0 $gutter;
  32. }
  33. address {
  34. margin: 0 0 $baseline;
  35. }
  36. pre {
  37. background: $color__background-pre;
  38. font-family: $font__pre;
  39. @include font-size(0.9375);
  40. line-height: $font__line-height-pre;
  41. margin-bottom: $baseline;
  42. max-width: 100%;
  43. overflow: auto;
  44. padding: 1.6em;
  45. }
  46. code, kbd, tt, var {
  47. font-family: $font__code;
  48. @include font-size(0.9375);
  49. }
  50. abbr, acronym {
  51. border-bottom: 1px dotted $color__border-abbr;
  52. cursor: help;
  53. }
  54. mark, ins {
  55. background: $color__background-ins;
  56. text-decoration: none;
  57. }
  58. big {
  59. font-size: 125%;
  60. }
  61. blockquote, q {
  62. quotes: "" "";
  63. &:before,
  64. &:after {
  65. content: "";
  66. }
  67. }