_normalize.scss 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  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. // Forms
  88. // ==========================================================================
  89. // 1. Change the font styles in all browsers.
  90. // 2. Remove the margin in Firefox and Safari.
  91. button,
  92. input,
  93. optgroup,
  94. select,
  95. textarea {
  96. font-family: inherit; /* 1 */
  97. font-size: 100%; /* 1 */
  98. line-height: 1.15; /* 1 */
  99. margin: 0; /* 2 */
  100. }
  101. // Show the overflow in IE.
  102. // 1. Show the overflow in Edge.
  103. button,
  104. input { /* 1 */
  105. overflow: visible;
  106. }
  107. // Remove the inheritance of text transform in Edge, Firefox, and IE.
  108. // 1. Remove the inheritance of text transform in Firefox.
  109. button,
  110. select { /* 1 */
  111. text-transform: none;
  112. }
  113. // Correct the inability to style clickable types in iOS and Safari.
  114. button,
  115. [type="button"],
  116. [type="reset"],
  117. [type="submit"] {
  118. -webkit-appearance: button;
  119. }
  120. // Remove the inner border and padding in Firefox.
  121. button::-moz-focus-inner,
  122. [type="button"]::-moz-focus-inner,
  123. [type="reset"]::-moz-focus-inner,
  124. [type="submit"]::-moz-focus-inner {
  125. border-style: none;
  126. padding: 0;
  127. }
  128. // Restore the focus styles unset by the previous rule.
  129. button:-moz-focusring,
  130. [type="button"]:-moz-focusring,
  131. [type="reset"]:-moz-focusring,
  132. [type="submit"]:-moz-focusring {
  133. outline: 1px dotted ButtonText;
  134. }
  135. // Correct the padding in Firefox.
  136. fieldset {
  137. padding: 0.35em 0.75em 0.625em;
  138. }
  139. // 1. Correct the text wrapping in Edge and IE.
  140. // 2. Correct the color inheritance from `fieldset` elements in IE.
  141. // 3. Remove the padding so developers are not caught out when they zero out
  142. // `fieldset` elements in all browsers.
  143. legend {
  144. box-sizing: border-box; /* 1 */
  145. color: inherit; /* 2 */
  146. display: table; /* 1 */
  147. max-width: 100%; /* 1 */
  148. padding: 0; /* 3 */
  149. white-space: normal; /* 1 */
  150. }
  151. // Add the correct vertical alignment in Chrome, Firefox, and Opera.
  152. progress {
  153. vertical-align: baseline;
  154. }
  155. // Remove the default vertical scrollbar in IE 10+.
  156. textarea {
  157. overflow: auto;
  158. }
  159. // 1. Add the correct box sizing in IE 10.
  160. // 2. Remove the padding in IE 10.
  161. [type="checkbox"],
  162. [type="radio"] {
  163. box-sizing: border-box; /* 1 */
  164. padding: 0; /* 2 */
  165. }
  166. // Correct the cursor style of increment and decrement buttons in Chrome.
  167. [type="number"]::-webkit-inner-spin-button,
  168. [type="number"]::-webkit-outer-spin-button {
  169. height: auto;
  170. }
  171. // 1. Correct the odd appearance in Chrome and Safari.
  172. // 2. Correct the outline style in Safari.
  173. [type="search"] {
  174. -webkit-appearance: textfield; /* 1 */
  175. outline-offset: -2px; /* 2 */
  176. }
  177. // Remove the inner padding in Chrome and Safari on macOS.
  178. [type="search"]::-webkit-search-decoration {
  179. -webkit-appearance: none;
  180. }
  181. // 1. Correct the inability to style clickable types in iOS and Safari.
  182. // 2. Change font properties to `inherit` in Safari.
  183. ::-webkit-file-upload-button {
  184. -webkit-appearance: button; /* 1 */
  185. font: inherit; /* 2 */
  186. }
  187. // Interactive
  188. // ==========================================================================
  189. // Add the correct display in Edge, IE 10+, and Firefox.
  190. details {
  191. display: block;
  192. }
  193. // Add the correct display in all browsers.
  194. summary {
  195. display: list-item;
  196. }
  197. // Misc
  198. // ==========================================================================
  199. // Add the correct display in IE 10+.
  200. template {
  201. display: none;
  202. }
  203. // Add the correct display in IE 10.
  204. [hidden] {
  205. display: none;
  206. }