generic.sass 2.5 KB

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