_normalize.scss 7.0 KB

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