_normalize.scss 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446
  1. /* Manually forked from Normalize.css */
  2. /* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
  3. /**
  4. * 1. Change the default font family in all browsers (opinionated).
  5. * 2. Correct the line height in all browsers.
  6. * 3. Prevent adjustments of font size after orientation changes in
  7. * IE on Windows Phone and in iOS.
  8. */
  9. /* Document
  10. ========================================================================== */
  11. html {
  12. font-family: sans-serif; /* 1 */
  13. -ms-text-size-adjust: 100%; /* 3 */
  14. -webkit-text-size-adjust: 100%; /* 3 */
  15. }
  16. /* Sections
  17. ========================================================================== */
  18. /**
  19. * Remove the margin in all browsers (opinionated).
  20. */
  21. body {
  22. margin: 0;
  23. }
  24. /**
  25. * Add the correct display in IE 9-.
  26. */
  27. article,
  28. aside,
  29. footer,
  30. header,
  31. nav,
  32. section {
  33. display: block;
  34. }
  35. /**
  36. * Correct the font size and margin on `h1` elements within `section` and
  37. * `article` contexts in Chrome, Firefox, and Safari.
  38. */
  39. h1 {
  40. font-size: 2em;
  41. margin: 0.67em 0;
  42. }
  43. /* Grouping content
  44. ========================================================================== */
  45. /**
  46. * Add the correct display in IE 9-.
  47. * 1. Add the correct display in IE.
  48. */
  49. figcaption,
  50. figure,
  51. main { /* 1 */
  52. display: block;
  53. }
  54. /**
  55. * Add the correct margin in IE 8 (removed).
  56. */
  57. /**
  58. * 1. Add the correct box sizing in Firefox.
  59. * 2. Show the overflow in Edge and IE.
  60. */
  61. hr {
  62. box-sizing: content-box; /* 1 */
  63. height: 0; /* 1 */
  64. overflow: visible; /* 2 */
  65. }
  66. /**
  67. * 1. Correct the inheritance and scaling of font size in all browsers. (removed)
  68. * 2. Correct the odd `em` font sizing in all browsers.
  69. */
  70. /* Text-level semantics
  71. ========================================================================== */
  72. /**
  73. * 1. Remove the gray background on active links in IE 10.
  74. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  75. */
  76. a {
  77. background-color: transparent; /* 1 */
  78. -webkit-text-decoration-skip: objects; /* 2 */
  79. }
  80. /**
  81. * Remove the outline on focused links when they are also active or hovered
  82. * in all browsers (opinionated).
  83. */
  84. a:active,
  85. a:hover {
  86. outline-width: 0;
  87. }
  88. /**
  89. * Modify default styling of address.
  90. */
  91. address {
  92. font-style: normal;
  93. }
  94. /**
  95. * 1. Remove the bottom border in Firefox 39-.
  96. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed)
  97. */
  98. /**
  99. * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  100. */
  101. b,
  102. strong {
  103. font-weight: inherit;
  104. }
  105. /**
  106. * Add the correct font weight in Chrome, Edge, and Safari.
  107. */
  108. b,
  109. strong {
  110. font-weight: bolder;
  111. }
  112. /**
  113. * 1. Correct the inheritance and scaling of font size in all browsers.
  114. * 2. Correct the odd `em` font sizing in all browsers.
  115. */
  116. code,
  117. kbd,
  118. pre,
  119. samp {
  120. font-family: $mono-font-family; /* 1 (changed) */
  121. font-size: 1em; /* 2 */
  122. }
  123. /**
  124. * Add the correct font style in Android 4.3-.
  125. */
  126. dfn {
  127. font-style: italic;
  128. }
  129. /**
  130. * Add the correct background and color in IE 9-. (Removed)
  131. */
  132. /**
  133. * Add the correct font size in all browsers.
  134. */
  135. small {
  136. font-size: 80%;
  137. font-weight: 400; /* (added) */
  138. }
  139. /**
  140. * Prevent `sub` and `sup` elements from affecting the line height in
  141. * all browsers.
  142. */
  143. sub,
  144. sup {
  145. font-size: 75%;
  146. line-height: 0;
  147. position: relative;
  148. vertical-align: baseline;
  149. }
  150. sub {
  151. bottom: -0.25em;
  152. }
  153. sup {
  154. top: -0.5em;
  155. }
  156. /* Embedded content
  157. ========================================================================== */
  158. /**
  159. * Add the correct display in IE 9-.
  160. */
  161. audio,
  162. video {
  163. display: inline-block;
  164. }
  165. /**
  166. * Add the correct display in iOS 4-7.
  167. */
  168. audio:not([controls]) {
  169. display: none;
  170. height: 0;
  171. }
  172. /**
  173. * Remove the border on images inside links in IE 10-.
  174. */
  175. img {
  176. border-style: none;
  177. }
  178. /**
  179. * Hide the overflow in IE.
  180. */
  181. svg:not(:root) {
  182. overflow: hidden;
  183. }
  184. /* Forms
  185. ========================================================================== */
  186. /**
  187. * 1. Change the font styles in all browsers (opinionated).
  188. * 2. Remove the margin in Firefox and Safari.
  189. */
  190. button,
  191. input,
  192. optgroup,
  193. select,
  194. textarea {
  195. font-family: inherit; /* 1 (changed) */
  196. font-size: inherit; /* 1 (changed) */
  197. line-height: inherit; /* 1 (changed) */
  198. margin: 0; /* 2 */
  199. }
  200. /**
  201. * Show the overflow in IE.
  202. * 1. Show the overflow in Edge.
  203. */
  204. button,
  205. input { /* 1 */
  206. overflow: visible;
  207. }
  208. /**
  209. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  210. * 1. Remove the inheritance of text transform in Firefox.
  211. */
  212. button,
  213. select { /* 1 */
  214. text-transform: none;
  215. }
  216. /**
  217. * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  218. * controls in Android 4.
  219. * 2. Correct the inability to style clickable types in iOS and Safari.
  220. */
  221. button,
  222. html [type="button"], /* 1 */
  223. [type="reset"],
  224. [type="submit"] {
  225. -webkit-appearance: button; /* 2 */
  226. }
  227. /**
  228. * Remove the inner border and padding in Firefox.
  229. */
  230. button::-moz-focus-inner,
  231. [type="button"]::-moz-focus-inner,
  232. [type="reset"]::-moz-focus-inner,
  233. [type="submit"]::-moz-focus-inner {
  234. border-style: none;
  235. padding: 0;
  236. }
  237. /**
  238. * Restore the focus styles unset by the previous rule (removed).
  239. */
  240. /**
  241. * Change the border, margin, and padding in all browsers (opinionated) (changed).
  242. */
  243. fieldset {
  244. border: 0;
  245. margin: 0;
  246. padding: 0;
  247. }
  248. /**
  249. * 1. Correct the text wrapping in Edge and IE.
  250. * 2. Correct the color inheritance from `fieldset` elements in IE.
  251. * 3. Remove the padding so developers are not caught out when they zero out
  252. * `fieldset` elements in all browsers.
  253. */
  254. legend {
  255. box-sizing: border-box; /* 1 */
  256. color: inherit; /* 2 */
  257. display: table; /* 1 */
  258. max-width: 100%; /* 1 */
  259. padding: 0; /* 3 */
  260. white-space: normal; /* 1 */
  261. }
  262. /**
  263. * 1. Add the correct display in IE 9-.
  264. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  265. */
  266. progress {
  267. display: inline-block; /* 1 */
  268. vertical-align: baseline; /* 2 */
  269. }
  270. /**
  271. * Remove the default vertical scrollbar in IE.
  272. */
  273. textarea {
  274. overflow: auto;
  275. }
  276. /**
  277. * 1. Add the correct box sizing in IE 10-.
  278. * 2. Remove the padding in IE 10-.
  279. */
  280. [type="checkbox"],
  281. [type="radio"] {
  282. box-sizing: border-box; /* 1 */
  283. padding: 0; /* 2 */
  284. }
  285. /**
  286. * Correct the cursor style of increment and decrement buttons in Chrome.
  287. */
  288. [type="number"]::-webkit-inner-spin-button,
  289. [type="number"]::-webkit-outer-spin-button {
  290. height: auto;
  291. }
  292. /**
  293. * 1. Correct the odd appearance in Chrome and Safari.
  294. * 2. Correct the outline style in Safari.
  295. */
  296. [type="search"] {
  297. -webkit-appearance: textfield; /* 1 */
  298. outline-offset: -2px; /* 2 */
  299. }
  300. /**
  301. * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  302. */
  303. [type="search"]::-webkit-search-cancel-button,
  304. [type="search"]::-webkit-search-decoration {
  305. -webkit-appearance: none;
  306. }
  307. /**
  308. * 1. Correct the inability to style clickable types in iOS and Safari.
  309. * 2. Change font properties to `inherit` in Safari.
  310. */
  311. ::-webkit-file-upload-button {
  312. -webkit-appearance: button; /* 1 */
  313. font: inherit; /* 2 */
  314. }
  315. /* Interactive
  316. ========================================================================== */
  317. /*
  318. * Add the correct display in IE 9-.
  319. * 1. Add the correct display in Edge, IE, and Firefox.
  320. */
  321. details, /* 1 */
  322. menu {
  323. display: block;
  324. }
  325. /*
  326. * Add the correct display in all browsers.
  327. */
  328. summary {
  329. display: list-item;
  330. outline: none;
  331. }
  332. /* Scripting
  333. ========================================================================== */
  334. /**
  335. * Add the correct display in IE 9-.
  336. */
  337. canvas {
  338. display: inline-block;
  339. }
  340. /**
  341. * Add the correct display in IE.
  342. */
  343. template {
  344. display: none;
  345. }
  346. /* Hidden
  347. ========================================================================== */
  348. /**
  349. * Add the correct display in IE 10-.
  350. */
  351. [hidden] {
  352. display: none;
  353. }