_reset.scss 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391
  1. *{
  2. -webkit-box-sizing : border-box;
  3. box-sizing : border-box;
  4. }
  5. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  6. /* Document
  7. ========================================================================== */
  8. /**
  9. * 1. Correct the line height in all browsers.
  10. * 2. Prevent adjustments of font size after orientation changes in iOS.
  11. */
  12. html {
  13. margin: 0;
  14. padding: 0;
  15. font-size: 16px;
  16. line-height: 1.15; /* 1 */
  17. -webkit-text-size-adjust: 100%; /* 2 */
  18. height: 100%;
  19. width: 100%;
  20. font-family: Times, "Times New Roman", Georgia, serif, Verdana, Arial, Helvetica, sans-serif;
  21. }
  22. /* Sections
  23. ========================================================================== */
  24. /**
  25. * Remove the margin in all browsers.
  26. */
  27. body {
  28. margin: 0;
  29. padding: 0;
  30. height: 100%;
  31. width: 100%;
  32. }
  33. /**
  34. * Render the `main` element consistently in IE.
  35. */
  36. main {
  37. display: block;
  38. }
  39. /**
  40. * Correct the font size and margin on `h1` elements within `section` and
  41. * `article` contexts in Chrome, Firefox, and Safari.
  42. */
  43. h1 {
  44. font-size: 2rem;
  45. margin:0;
  46. }
  47. h1,h2,h3,h4,h5,p,em,strong,ul,li,a{
  48. margin:0;
  49. padding:0;
  50. }
  51. ul, li ,ol{
  52. list-style:none;
  53. }
  54. /* Grouping content
  55. ========================================================================== */
  56. /**
  57. * 1. Add the correct box sizing in Firefox.
  58. * 2. Show the overflow in Edge and IE.
  59. */
  60. hr {
  61. -webkit-box-sizing: content-box;
  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.
  68. * 2. Correct the odd `em` font sizing in all browsers.
  69. */
  70. header span{
  71. white-space: nowrap;
  72. }
  73. pre {
  74. font-family: monospace, monospace; /* 1 */
  75. font-size: 1em; /* 2 */
  76. }
  77. /* Text-level semantics
  78. ========================================================================== */
  79. /**
  80. * Remove the gray background on active links in IE 10.
  81. */
  82. ul{
  83. list-style: none;
  84. }
  85. ul,li{
  86. margin: 0;
  87. padding: 0;
  88. }
  89. a {
  90. background-color: transparent;
  91. color: black;
  92. text-decoration: none;
  93. }
  94. /**
  95. * 1. Remove the bottom border in Chrome 57-
  96. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  97. */
  98. abbr[title] {
  99. border-bottom: none; /* 1 */
  100. text-decoration: underline; /* 2 */
  101. -webkit-text-decoration: underline dotted;
  102. text-decoration: underline dotted; /* 2 */
  103. }
  104. /**
  105. * Add the correct font weight in Chrome, Edge, and Safari.
  106. */
  107. b,
  108. strong {
  109. font-weight: bolder;
  110. }
  111. /**
  112. * 1. Correct the inheritance and scaling of font size in all browsers.
  113. * 2. Correct the odd `em` font sizing in all browsers.
  114. */
  115. code,
  116. kbd,
  117. samp {
  118. font-family: monospace, monospace; /* 1 */
  119. font-size: 1em; /* 2 */
  120. }
  121. /**
  122. * Add the correct font size in all browsers.
  123. */
  124. small {
  125. font-size: 80%;
  126. }
  127. /**
  128. * Prevent `sub` and `sup` elements from affecting the line height in
  129. * all browsers.
  130. */
  131. sub,
  132. sup {
  133. font-size: 75%;
  134. line-height: 0;
  135. position: relative;
  136. vertical-align: baseline;
  137. }
  138. sub {
  139. bottom: -0.25em;
  140. }
  141. sup {
  142. top: -0.5em;
  143. }
  144. /* Embedded content
  145. ========================================================================== */
  146. /**
  147. * Remove the border on images inside links in IE 10.
  148. */
  149. img {
  150. border-style: none;
  151. width: 100%;
  152. height: auto;
  153. vertical-align: bottom;
  154. }
  155. iframe{
  156. border: none;
  157. }
  158. /* Forms
  159. ========================================================================== */
  160. /**
  161. * 1. Change the font styles in all browsers.
  162. * 2. Remove the margin in Firefox and Safari.
  163. */
  164. button,
  165. input,
  166. optgroup,
  167. select,
  168. textarea {
  169. font-family: inherit; /* 1 */
  170. font-size: 100%; /* 1 */
  171. line-height: 1.15; /* 1 */
  172. margin: 0; /* 2 */
  173. }
  174. /**
  175. * Show the overflow in IE.
  176. * 1. Show the overflow in Edge.
  177. */
  178. button,
  179. input { /* 1 */
  180. overflow: visible;
  181. }
  182. /**
  183. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  184. * 1. Remove the inheritance of text transform in Firefox.
  185. */
  186. button,
  187. select { /* 1 */
  188. text-transform: none;
  189. }
  190. /**
  191. * Correct the inability to style clickable types in iOS and Safari.
  192. */
  193. button,
  194. [type="button"],
  195. [type="reset"],
  196. [type="submit"] {
  197. -webkit-appearance: button;
  198. }
  199. /**
  200. * Remove the inner border and padding in Firefox.
  201. */
  202. button::-moz-focus-inner,
  203. [type="button"]::-moz-focus-inner,
  204. [type="reset"]::-moz-focus-inner,
  205. [type="submit"]::-moz-focus-inner {
  206. border-style: none;
  207. padding: 0;
  208. }
  209. /**
  210. * Restore the focus styles unset by the previous rule.
  211. */
  212. button:-moz-focusring,
  213. [type="button"]:-moz-focusring,
  214. [type="reset"]:-moz-focusring,
  215. [type="submit"]:-moz-focusring {
  216. outline: 1px dotted ButtonText;
  217. }
  218. /**
  219. * Correct the padding in Firefox.
  220. */
  221. fieldset {
  222. padding: 0.35em 0.75em 0.625em;
  223. }
  224. /**
  225. * 1. Correct the text wrapping in Edge and IE.
  226. * 2. Correct the color inheritance from `fieldset` elements in IE.
  227. * 3. Remove the padding so developers are not caught out when they zero out
  228. * `fieldset` elements in all browsers.
  229. */
  230. legend {
  231. -webkit-box-sizing: border-box;
  232. box-sizing: border-box; /* 1 */
  233. color: inherit; /* 2 */
  234. display: table; /* 1 */
  235. max-width: 100%; /* 1 */
  236. padding: 0; /* 3 */
  237. white-space: normal; /* 1 */
  238. }
  239. /**
  240. * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  241. */
  242. progress {
  243. vertical-align: baseline;
  244. }
  245. /**
  246. * Remove the default vertical scrollbar in IE 10+.
  247. */
  248. textarea {
  249. overflow: auto;
  250. }
  251. /**
  252. * 1. Add the correct box sizing in IE 10.
  253. * 2. Remove the padding in IE 10.
  254. */
  255. [type="checkbox"],
  256. [type="radio"] {
  257. -webkit-box-sizing: border-box;
  258. box-sizing: border-box; /* 1 */
  259. padding: 0; /* 2 */
  260. }
  261. /**
  262. * Correct the cursor style of increment and decrement buttons in Chrome.
  263. */
  264. [type="number"]::-webkit-inner-spin-button,
  265. [type="number"]::-webkit-outer-spin-button {
  266. height: auto;
  267. }
  268. /**
  269. * 1. Correct the odd appearance in Chrome and Safari.
  270. * 2. Correct the outline style in Safari.
  271. */
  272. [type="search"] {
  273. -webkit-appearance: textfield; /* 1 */
  274. outline-offset: -2px; /* 2 */
  275. }
  276. /**
  277. * Remove the inner padding in Chrome and Safari on macOS.
  278. */
  279. [type="search"]::-webkit-search-decoration {
  280. -webkit-appearance: none;
  281. }
  282. /**
  283. * 1. Correct the inability to style clickable types in iOS and Safari.
  284. * 2. Change font properties to `inherit` in Safari.
  285. */
  286. ::-webkit-file-upload-button {
  287. -webkit-appearance: button; /* 1 */
  288. font: inherit; /* 2 */
  289. }
  290. /* Interactive
  291. ========================================================================== */
  292. /*
  293. * Add the correct display in Edge, IE 10+, and Firefox.
  294. */
  295. details {
  296. display: block;
  297. }
  298. /*
  299. * Add the correct display in all browsers.
  300. */
  301. summary {
  302. display: list-item;
  303. }
  304. /* Misc
  305. ========================================================================== */
  306. /**
  307. * Add the correct display in IE 10+.
  308. */
  309. template {
  310. display: none;
  311. }
  312. /**
  313. * Add the correct display in IE 10.
  314. */
  315. [hidden] {
  316. display: none;
  317. }