generic.sass 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. @import "../utilities/mixins"
  2. $body-background-color: $scheme-main !default
  3. $body-size: 16px !default
  4. $body-min-width: 300px !default
  5. $body-rendering: optimizeLegibility !default
  6. $body-family: $family-primary !default
  7. $body-overflow-x: hidden !default
  8. $body-overflow-y: scroll !default
  9. $body-color: $text !default
  10. $body-font-size: 1em !default
  11. $body-weight: $weight-normal !default
  12. $body-line-height: 1.5 !default
  13. $code-family: $family-code !default
  14. $code-padding: 0.25em 0.5em 0.25em !default
  15. $code-weight: normal !default
  16. $code-size: 0.875em !default
  17. $small-font-size: 0.875em !default
  18. $hr-background-color: $background !default
  19. $hr-height: 2px !default
  20. $hr-margin: 1.5rem 0 !default
  21. $strong-color: $text-strong !default
  22. $strong-weight: $weight-bold !default
  23. $pre-font-size: 0.875em !default
  24. $pre-padding: 1.25rem 1.5rem !default
  25. $pre-code-font-size: 1em !default
  26. html
  27. background-color: $body-background-color
  28. font-size: $body-size
  29. -moz-osx-font-smoothing: grayscale
  30. -webkit-font-smoothing: antialiased
  31. min-width: $body-min-width
  32. overflow-x: $body-overflow-x
  33. overflow-y: $body-overflow-y
  34. text-rendering: $body-rendering
  35. text-size-adjust: 100%
  36. article,
  37. aside,
  38. figure,
  39. footer,
  40. header,
  41. hgroup,
  42. section
  43. display: block
  44. body,
  45. button,
  46. input,
  47. optgroup,
  48. select,
  49. textarea
  50. font-family: $body-family
  51. code,
  52. pre
  53. -moz-osx-font-smoothing: auto
  54. -webkit-font-smoothing: auto
  55. font-family: $code-family
  56. body
  57. color: $body-color
  58. font-size: $body-font-size
  59. font-weight: $body-weight
  60. line-height: $body-line-height
  61. // Inline
  62. a
  63. color: $link
  64. cursor: pointer
  65. text-decoration: none
  66. strong
  67. color: currentColor
  68. &:hover
  69. color: $link-hover
  70. code
  71. background-color: $code-background
  72. color: $code
  73. font-size: $code-size
  74. font-weight: $code-weight
  75. padding: $code-padding
  76. hr
  77. background-color: $hr-background-color
  78. border: none
  79. display: block
  80. height: $hr-height
  81. margin: $hr-margin
  82. img
  83. height: auto
  84. max-width: 100%
  85. input[type="checkbox"],
  86. input[type="radio"]
  87. vertical-align: baseline
  88. small
  89. font-size: $small-font-size
  90. span
  91. font-style: inherit
  92. font-weight: inherit
  93. strong
  94. color: $strong-color
  95. font-weight: $strong-weight
  96. // Block
  97. fieldset
  98. border: none
  99. pre
  100. +overflow-touch
  101. background-color: $pre-background
  102. color: $pre
  103. font-size: $pre-font-size
  104. overflow-x: auto
  105. padding: $pre-padding
  106. white-space: pre
  107. word-wrap: normal
  108. code
  109. background-color: transparent
  110. color: currentColor
  111. font-size: $pre-code-font-size
  112. padding: 0
  113. table
  114. td,
  115. th
  116. vertical-align: top
  117. &:not([align])
  118. text-align: inherit
  119. th
  120. color: $text-strong