_normalize.scss 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2. // Document
  3. // ==========================================================================
  4. // 1. Correct the line height in all browsers.
  5. // 2. Prevent adjustments of font size after orientation changes in iOS.
  6. html {
  7. line-height: 1.15; /* 1 */
  8. -webkit-text-size-adjust: 100%; /* 2 */
  9. }
  10. // Sections
  11. // ==========================================================================
  12. // Remove the margin in all browsers.
  13. body {
  14. margin: 0;
  15. }
  16. // Render the `main` element consistently in IE.
  17. main {
  18. display: block;
  19. }
  20. // Correct the font size and margin on `h1` elements within `section` and
  21. // `article` contexts in Chrome, Firefox, and Safari.
  22. h1 {
  23. font-size: 2em;
  24. margin: 0.67em 0;
  25. }
  26. // Grouping content
  27. // ==========================================================================
  28. // 1. Add the correct box sizing in Firefox.
  29. // 2. Show the overflow in Edge and IE.
  30. hr {
  31. box-sizing: content-box; /* 1 */
  32. height: 0; /* 1 */
  33. overflow: visible; /* 2 */
  34. }
  35. // 1. Correct the inheritance and scaling of font size in all browsers.
  36. // 2. Correct the odd `em` font sizing in all browsers.
  37. pre {
  38. font-family: monospace, monospace; /* 1 */
  39. font-size: 1em; /* 2 */
  40. overflow: scroll;
  41. }
  42. // Text-level semantics
  43. // ==========================================================================
  44. // Remove the gray background on active links in IE 10.
  45. a {
  46. background-color: transparent;
  47. }
  48. // 1. Remove the bottom border in Chrome 57-
  49. // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  50. abbr[title] {
  51. border-bottom: none; /* 1 */
  52. text-decoration: underline; /* 2 */
  53. text-decoration: underline dotted; /* 2 */
  54. }
  55. // Add the correct font weight in Chrome, Edge, and Safari.
  56. b,
  57. strong {
  58. font-weight: bold;
  59. }
  60. // 1. Correct the inheritance and scaling of font size in all browsers.
  61. // 2. Correct the odd `em` font sizing in all browsers.
  62. code,
  63. kbd,
  64. samp {
  65. font-family: monospace, monospace; /* 1 */
  66. font-size: 1em; /* 2 */
  67. }
  68. // Add the correct font size in all browsers.
  69. small {
  70. font-size: 80%;
  71. }
  72. // Prevent `sub` and `sup` elements from affecting the line height in
  73. // all browsers.
  74. sub,
  75. sup {
  76. font-size: 75%;
  77. line-height: 0;
  78. position: relative;
  79. vertical-align: baseline;
  80. }
  81. sub {
  82. bottom: -0.25em;
  83. }
  84. sup {
  85. top: -0.5em;
  86. }
  87. // Embedded content
  88. // ==========================================================================
  89. // Remove the border on images inside links in IE 10.
  90. img {
  91. border-style: none;
  92. }
  93. // Forms
  94. // ==========================================================================
  95. // 1. Change the font styles in all browsers.
  96. // 2. Remove the margin in Firefox and Safari.
  97. button,
  98. input,
  99. optgroup,
  100. select,
  101. textarea {
  102. font-family: inherit; /* 1 */
  103. font-size: 100%; /* 1 */
  104. line-height: 1.15; /* 1 */
  105. margin: 0; /* 2 */
  106. }
  107. // Show the overflow in IE.
  108. // 1. Show the overflow in Edge.
  109. button,
  110. input { /* 1 */
  111. overflow: visible;
  112. }
  113. // Remove the inheritance of text transform in Edge, Firefox, and IE.
  114. // 1. Remove the inheritance of text transform in Firefox.
  115. button,
  116. select { /* 1 */
  117. text-transform: none;
  118. }
  119. // Correct the inability to style clickable types in iOS and Safari.
  120. button,
  121. [type="button"],
  122. [type="reset"],
  123. [type="submit"] {
  124. -webkit-appearance: button;
  125. }
  126. // Remove the inner border and padding in Firefox.
  127. button::-moz-focus-inner,
  128. [type="button"]::-moz-focus-inner,
  129. [type="reset"]::-moz-focus-inner,
  130. [type="submit"]::-moz-focus-inner {
  131. border-style: none;
  132. padding: 0;
  133. }
  134. // Restore the focus styles unset by the previous rule.
  135. button:-moz-focusring,
  136. [type="button"]:-moz-focusring,
  137. [type="reset"]:-moz-focusring,
  138. [type="submit"]:-moz-focusring {
  139. outline: 1px dotted ButtonText;
  140. }
  141. // Correct the padding in Firefox.
  142. fieldset {
  143. padding: 0.35em 0.75em 0.625em;
  144. }
  145. // 1. Correct the text wrapping in Edge and IE.
  146. // 2. Correct the color inheritance from `fieldset` elements in IE.
  147. // 3. Remove the padding so developers are not caught out when they zero out
  148. // `fieldset` elements in all browsers.
  149. legend {
  150. box-sizing: border-box; /* 1 */
  151. color: inherit; /* 2 */
  152. display: table; /* 1 */
  153. max-width: 100%; /* 1 */
  154. padding: 0; /* 3 */
  155. white-space: normal; /* 1 */
  156. }
  157. // Add the correct vertical alignment in Chrome, Firefox, and Opera.
  158. progress {
  159. vertical-align: baseline;
  160. }
  161. // Remove the default vertical scrollbar in IE 10+.
  162. textarea {
  163. overflow: auto;
  164. }
  165. // 1. Add the correct box sizing in IE 10.
  166. // 2. Remove the padding in IE 10.
  167. [type="checkbox"],
  168. [type="radio"] {
  169. box-sizing: border-box; /* 1 */
  170. padding: 0; /* 2 */
  171. }
  172. // Correct the cursor style of increment and decrement buttons in Chrome.
  173. [type="number"]::-webkit-inner-spin-button,
  174. [type="number"]::-webkit-outer-spin-button {
  175. height: auto;
  176. }
  177. // 1. Correct the odd appearance in Chrome and Safari.
  178. // 2. Correct the outline style in Safari.
  179. [type="search"] {
  180. -webkit-appearance: textfield; /* 1 */
  181. outline-offset: -2px; /* 2 */
  182. }
  183. // Remove the inner padding in Chrome and Safari on macOS.
  184. [type="search"]::-webkit-search-decoration {
  185. -webkit-appearance: none;
  186. }
  187. // 1. Correct the inability to style clickable types in iOS and Safari.
  188. // 2. Change font properties to `inherit` in Safari.
  189. ::-webkit-file-upload-button {
  190. -webkit-appearance: button; /* 1 */
  191. font: inherit; /* 2 */
  192. }
  193. // Interactive
  194. // ==========================================================================
  195. // Add the correct display in Edge, IE 10+, and Firefox.
  196. details {
  197. display: block;
  198. }
  199. // Add the correct display in all browsers.
  200. summary {
  201. display: list-item;
  202. }
  203. // Misc
  204. // ==========================================================================
  205. // Add the correct display in IE 10+.
  206. template {
  207. display: none;
  208. }
  209. // Add the correct display in IE 10.
  210. [hidden] {
  211. display: none;
  212. }