sanitize.css 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566
  1. /* Document
  2. * ========================================================================== */
  3. /**
  4. * Add border box sizing in all browsers (opinionated).
  5. */
  6. *,
  7. ::before,
  8. ::after {
  9. box-sizing: border-box;
  10. }
  11. /**
  12. * 1. Add text decoration inheritance in all browsers (opinionated).
  13. * 2. Add vertical alignment inheritance in all browsers (opinionated).
  14. */
  15. ::before,
  16. ::after {
  17. text-decoration: inherit; /* 1 */
  18. vertical-align: inherit; /* 2 */
  19. }
  20. /**
  21. * 1. Use the default cursor in all browsers (opinionated).
  22. * 2. Change the line height in all browsers (opinionated).
  23. * 3. Use a 4-space tab width in all browsers (opinionated).
  24. * 4. Remove the grey highlight on links in iOS (opinionated).
  25. * 5. Prevent adjustments of font size after orientation changes in
  26. * IE on Windows Phone and in iOS.
  27. * 6. Breaks words to prevent overflow in all browsers (opinionated).
  28. */
  29. html {
  30. cursor: default; /* 1 */
  31. line-height: 1.5; /* 2 */
  32. -moz-tab-size: 4; /* 3 */
  33. tab-size: 4; /* 3 */
  34. -webkit-tap-highlight-color: transparent /* 4 */;
  35. -ms-text-size-adjust: 100%; /* 5 */
  36. -webkit-text-size-adjust: 100%; /* 5 */
  37. word-break: break-word; /* 6 */
  38. }
  39. /* Sections
  40. * ========================================================================== */
  41. /**
  42. * Remove the margin in all browsers (opinionated).
  43. */
  44. body {
  45. margin: 0;
  46. }
  47. /**
  48. * Correct the font size and margin on `h1` elements within `section` and
  49. * `article` contexts in Chrome, Edge, Firefox, and Safari.
  50. */
  51. h1 {
  52. font-size: 2em;
  53. margin: 0.67em 0;
  54. }
  55. /* Grouping content
  56. * ========================================================================== */
  57. /**
  58. * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
  59. */
  60. dl dl,
  61. dl ol,
  62. dl ul,
  63. ol dl,
  64. ul dl {
  65. margin: 0;
  66. }
  67. /**
  68. * Remove the margin on nested lists in Edge 18- and IE.
  69. */
  70. ol ol,
  71. ol ul,
  72. ul ol,
  73. ul ul {
  74. margin: 0;
  75. }
  76. /**
  77. * 1. Add the correct sizing in Firefox.
  78. * 2. Show the overflow in Edge 18- and IE.
  79. */
  80. hr {
  81. height: 0; /* 1 */
  82. overflow: visible; /* 2 */
  83. }
  84. /**
  85. * Add the correct display in IE.
  86. */
  87. main {
  88. display: block;
  89. }
  90. /**
  91. * Remove the list style on navigation lists in all browsers (opinionated).
  92. */
  93. nav ol,
  94. nav ul {
  95. list-style: none;
  96. padding: 0;
  97. }
  98. /**
  99. * 1. Correct the inheritance and scaling of font size in all browsers.
  100. * 2. Correct the odd `em` font sizing in all browsers.
  101. */
  102. pre {
  103. font-family: monospace, monospace; /* 1 */
  104. font-size: 1em; /* 2 */
  105. }
  106. /* Text-level semantics
  107. * ========================================================================== */
  108. /**
  109. * Remove the gray background on active links in IE 10.
  110. */
  111. a {
  112. background-color: transparent;
  113. }
  114. /**
  115. * Add the correct text decoration in Edge 18-, IE, and Safari.
  116. */
  117. abbr[title] {
  118. text-decoration: underline;
  119. text-decoration: underline dotted;
  120. }
  121. /**
  122. * Add the correct font weight in Chrome, Edge, and Safari.
  123. */
  124. b,
  125. strong {
  126. font-weight: bolder;
  127. }
  128. /**
  129. * 1. Correct the inheritance and scaling of font size in all browsers.
  130. * 2. Correct the odd `em` font sizing in all browsers.
  131. */
  132. code,
  133. kbd,
  134. samp {
  135. font-family: monospace, monospace; /* 1 */
  136. font-size: 1em; /* 2 */
  137. }
  138. /**
  139. * Add the correct font size in all browsers.
  140. */
  141. small {
  142. font-size: 80%;
  143. }
  144. /* Embedded content
  145. * ========================================================================== */
  146. /*
  147. * Change the alignment on media elements in all browsers (opinionated).
  148. */
  149. audio,
  150. canvas,
  151. iframe,
  152. img,
  153. svg,
  154. video {
  155. vertical-align: middle;
  156. }
  157. /**
  158. * Add the correct display in IE 9-.
  159. */
  160. audio,
  161. video {
  162. display: inline-block;
  163. }
  164. /**
  165. * Add the correct display in iOS 4-7.
  166. */
  167. audio:not([controls]) {
  168. display: none;
  169. height: 0;
  170. }
  171. /**
  172. * Remove the border on iframes in all browsers (opinionated).
  173. */
  174. iframe {
  175. border-style: none;
  176. }
  177. /**
  178. * Remove the border on images within links in IE 10-.
  179. */
  180. img {
  181. border-style: none;
  182. }
  183. /**
  184. * Change the fill color to match the text color in all browsers (opinionated).
  185. */
  186. svg:not([fill]) {
  187. fill: currentColor;
  188. }
  189. /**
  190. * Hide the overflow in IE.
  191. */
  192. svg:not(:root) {
  193. overflow: hidden;
  194. }
  195. /* Tabular data
  196. * ========================================================================== */
  197. /**
  198. * Collapse border spacing in all browsers (opinionated).
  199. */
  200. table {
  201. border-collapse: collapse;
  202. }
  203. /* Forms
  204. * ========================================================================== */
  205. /**
  206. * Remove the margin on controls in Safari.
  207. */
  208. button,
  209. input,
  210. select {
  211. margin: 0;
  212. }
  213. /**
  214. * 1. Show the overflow in IE.
  215. * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
  216. */
  217. button {
  218. overflow: visible; /* 1 */
  219. text-transform: none; /* 2 */
  220. }
  221. /**
  222. * Correct the inability to style buttons in iOS and Safari.
  223. */
  224. button,
  225. [type="button"],
  226. [type="reset"],
  227. [type="submit"] {
  228. -webkit-appearance: button;
  229. }
  230. /**
  231. * 1. Change the inconsistent appearance in all browsers (opinionated).
  232. * 2. Correct the padding in Firefox.
  233. */
  234. fieldset {
  235. border: 1px solid #a0a0a0; /* 1 */
  236. padding: 0.35em 0.75em 0.625em; /* 2 */
  237. }
  238. /**
  239. * Show the overflow in Edge 18- and IE.
  240. */
  241. input {
  242. overflow: visible;
  243. }
  244. /**
  245. * 1. Correct the text wrapping in Edge 18- and IE.
  246. * 2. Correct the color inheritance from `fieldset` elements in IE.
  247. */
  248. legend {
  249. color: inherit; /* 2 */
  250. display: table; /* 1 */
  251. max-width: 100%; /* 1 */
  252. white-space: normal; /* 1 */
  253. }
  254. /**
  255. * 1. Add the correct display in Edge 18- and IE.
  256. * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
  257. */
  258. progress {
  259. display: inline-block; /* 1 */
  260. vertical-align: baseline; /* 2 */
  261. }
  262. /**
  263. * Remove the inheritance of text transform in Firefox.
  264. */
  265. select {
  266. text-transform: none;
  267. }
  268. /**
  269. * 1. Remove the margin in Firefox and Safari.
  270. * 2. Remove the default vertical scrollbar in IE.
  271. * 3. Change the resize direction in all browsers (opinionated).
  272. */
  273. textarea {
  274. margin: 0; /* 1 */
  275. overflow: auto; /* 2 */
  276. resize: vertical; /* 3 */
  277. }
  278. /**
  279. * Remove the padding in IE 10-.
  280. */
  281. [type="checkbox"],
  282. [type="radio"] {
  283. padding: 0;
  284. }
  285. /**
  286. * 1. Correct the odd appearance in Chrome, Edge, and Safari.
  287. * 2. Correct the outline style in Safari.
  288. */
  289. [type="search"] {
  290. -webkit-appearance: textfield; /* 1 */
  291. outline-offset: -2px; /* 2 */
  292. }
  293. /**
  294. * Correct the cursor style of increment and decrement buttons in Safari.
  295. */
  296. ::-webkit-inner-spin-button,
  297. ::-webkit-outer-spin-button {
  298. height: auto;
  299. }
  300. /**
  301. * Correct the text style of placeholders in Chrome, Edge, and Safari.
  302. */
  303. ::-webkit-input-placeholder {
  304. color: inherit;
  305. opacity: 0.54;
  306. }
  307. /**
  308. * Remove the inner padding in Chrome, Edge, and Safari on macOS.
  309. */
  310. ::-webkit-search-decoration {
  311. -webkit-appearance: none;
  312. }
  313. /**
  314. * 1. Correct the inability to style upload buttons in iOS and Safari.
  315. * 2. Change font properties to `inherit` in Safari.
  316. */
  317. ::-webkit-file-upload-button {
  318. -webkit-appearance: button; /* 1 */
  319. font: inherit; /* 2 */
  320. }
  321. /**
  322. * Remove the inner border and padding of focus outlines in Firefox.
  323. */
  324. ::-moz-focus-inner {
  325. border-style: none;
  326. padding: 0;
  327. }
  328. /**
  329. * Restore the focus outline styles unset by the previous rule in Firefox.
  330. */
  331. :-moz-focusring {
  332. outline: 1px dotted ButtonText;
  333. }
  334. /**
  335. * Remove the additional :invalid styles in Firefox.
  336. */
  337. :-moz-ui-invalid {
  338. box-shadow: none;
  339. }
  340. /* Interactive
  341. * ========================================================================== */
  342. /*
  343. * Add the correct display in Edge 18- and IE.
  344. */
  345. details {
  346. display: block;
  347. }
  348. /*
  349. * Add the correct styles in Edge 18-, IE, and Safari.
  350. */
  351. dialog {
  352. background-color: white;
  353. border: solid;
  354. color: black;
  355. display: block;
  356. height: -moz-fit-content;
  357. height: -webkit-fit-content;
  358. height: fit-content;
  359. left: 0;
  360. margin: auto;
  361. padding: 1em;
  362. position: absolute;
  363. right: 0;
  364. width: -moz-fit-content;
  365. width: -webkit-fit-content;
  366. width: fit-content;
  367. }
  368. dialog:not([open]) {
  369. display: none;
  370. }
  371. /*
  372. * Add the correct display in all browsers.
  373. */
  374. summary {
  375. display: list-item;
  376. }
  377. /* Scripting
  378. * ========================================================================== */
  379. /**
  380. * Add the correct display in IE 9-.
  381. */
  382. canvas {
  383. display: inline-block;
  384. }
  385. /**
  386. * Add the correct display in IE.
  387. */
  388. template {
  389. display: none;
  390. }
  391. /* User interaction
  392. * ========================================================================== */
  393. /*
  394. * 1. Remove the tapping delay in IE 10.
  395. * 2. Remove the tapping delay on clickable elements
  396. in all browsers (opinionated).
  397. */
  398. a,
  399. area,
  400. button,
  401. input,
  402. label,
  403. select,
  404. summary,
  405. textarea,
  406. [tabindex] {
  407. -ms-touch-action: manipulation; /* 1 */
  408. touch-action: manipulation; /* 2 */
  409. }
  410. /**
  411. * Add the correct display in IE 10-.
  412. */
  413. [hidden] {
  414. display: none;
  415. }
  416. /* Accessibility
  417. * ========================================================================== */
  418. /**
  419. * Change the cursor on busy elements in all browsers (opinionated).
  420. */
  421. [aria-busy="true"] {
  422. cursor: progress;
  423. }
  424. /*
  425. * Change the cursor on control elements in all browsers (opinionated).
  426. */
  427. [aria-controls] {
  428. cursor: pointer;
  429. }
  430. /*
  431. * Change the cursor on disabled, not-editable, or otherwise
  432. * inoperable elements in all browsers (opinionated).
  433. */
  434. [aria-disabled="true"],
  435. [disabled] {
  436. cursor: not-allowed;
  437. }
  438. /*
  439. * Change the display on visually hidden accessible elements
  440. * in all browsers (opinionated).
  441. */
  442. [aria-hidden="false"][hidden] {
  443. display: initial;
  444. }
  445. [aria-hidden="false"][hidden]:not(:focus) {
  446. clip: rect(0, 0, 0, 0);
  447. position: absolute;
  448. }