_reset.scss 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
  1. /**
  2. * Resets
  3. * --------------------------------------------------
  4. * Adapted from normalize.css and some reset.css. We don't care even one
  5. * bit about old IE, so we don't need any hacks for that in here.
  6. *
  7. * There are probably other things we could remove here, as well.
  8. *
  9. * normalize.css v2.1.2 | MIT License | git.io/normalize
  10. * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
  11. * http://cssreset.com
  12. */
  13. html, body, div, span, applet, object, iframe,
  14. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  15. a, abbr, acronym, address, big, cite, code,
  16. del, dfn, em, img, ins, kbd, q, s, samp,
  17. small, strike, strong, sub, sup, tt, var,
  18. b, i, u, center,
  19. dl, dt, dd, ol, ul, li,
  20. fieldset, form, label, legend,
  21. table, caption, tbody, tfoot, thead, tr, th, td,
  22. article, aside, canvas, details, embed, fieldset,
  23. figure, figcaption, footer, header, hgroup,
  24. menu, nav, output, ruby, section, summary,
  25. time, mark, audio, video {
  26. margin: 0;
  27. padding: 0;
  28. border: 0;
  29. vertical-align: baseline;
  30. font: inherit;
  31. font-size: 100%;
  32. }
  33. ol, ul {
  34. list-style: none;
  35. }
  36. blockquote, q {
  37. quotes: none;
  38. }
  39. blockquote:before, blockquote:after,
  40. q:before, q:after {
  41. content: '';
  42. content: none;
  43. }
  44. /**
  45. * Prevent modern browsers from displaying `audio` without controls.
  46. * Remove excess height in iOS 5 devices.
  47. */
  48. audio:not([controls]) {
  49. display: none;
  50. height: 0;
  51. }
  52. /**
  53. * Hide the `template` element in IE, Safari, and Firefox < 22.
  54. */
  55. [hidden],
  56. template {
  57. display: none;
  58. }
  59. script {
  60. display: none !important;
  61. }
  62. /* ==========================================================================
  63. Base
  64. ========================================================================== */
  65. /**
  66. * 1. Set default font family to sans-serif.
  67. * 2. Prevent iOS text size adjust after orientation change, without disabling
  68. * user zoom.
  69. */
  70. html {
  71. @include user-select(none);
  72. font-family: sans-serif; /* 1 */
  73. -webkit-text-size-adjust: 100%;
  74. -ms-text-size-adjust: 100%; /* 2 */
  75. -webkit-text-size-adjust: 100%; /* 2 */
  76. }
  77. /**
  78. * Remove default margin.
  79. */
  80. body {
  81. margin: 0;
  82. line-height: 1;
  83. }
  84. /**
  85. * Remove default outlines.
  86. */
  87. a,
  88. button,
  89. :focus,
  90. a:focus,
  91. button:focus,
  92. a:active,
  93. a:hover {
  94. outline: 0;
  95. }
  96. /* *
  97. * Remove tap highlight color
  98. */
  99. a {
  100. -webkit-user-drag: none;
  101. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  102. -webkit-tap-highlight-color: transparent;
  103. &[href]:hover {
  104. cursor: pointer;
  105. }
  106. }
  107. /* ==========================================================================
  108. Typography
  109. ========================================================================== */
  110. /**
  111. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  112. */
  113. b,
  114. strong {
  115. font-weight: bold;
  116. }
  117. /**
  118. * Address styling not present in Safari 5 and Chrome.
  119. */
  120. dfn {
  121. font-style: italic;
  122. }
  123. /**
  124. * Address differences between Firefox and other browsers.
  125. */
  126. hr {
  127. -moz-box-sizing: content-box;
  128. box-sizing: content-box;
  129. height: 0;
  130. }
  131. /**
  132. * Correct font family set oddly in Safari 5 and Chrome.
  133. */
  134. code,
  135. kbd,
  136. pre,
  137. samp {
  138. font-size: 1em;
  139. font-family: monospace, serif;
  140. }
  141. /**
  142. * Improve readability of pre-formatted text in all browsers.
  143. */
  144. pre {
  145. white-space: pre-wrap;
  146. }
  147. /**
  148. * Set consistent quote types.
  149. */
  150. q {
  151. quotes: "\201C" "\201D" "\2018" "\2019";
  152. }
  153. /**
  154. * Address inconsistent and variable font size in all browsers.
  155. */
  156. small {
  157. font-size: 80%;
  158. }
  159. /**
  160. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  161. */
  162. sub,
  163. sup {
  164. position: relative;
  165. vertical-align: baseline;
  166. font-size: 75%;
  167. line-height: 0;
  168. }
  169. sup {
  170. top: -0.5em;
  171. }
  172. sub {
  173. bottom: -0.25em;
  174. }
  175. /**
  176. * Define consistent border, margin, and padding.
  177. */
  178. fieldset {
  179. margin: 0 2px;
  180. padding: 0.35em 0.625em 0.75em;
  181. border: 1px solid #c0c0c0;
  182. }
  183. /**
  184. * 1. Correct `color` not being inherited in IE 8/9.
  185. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  186. */
  187. legend {
  188. padding: 0; /* 2 */
  189. border: 0; /* 1 */
  190. }
  191. /**
  192. * 1. Correct font family not being inherited in all browsers.
  193. * 2. Correct font size not being inherited in all browsers.
  194. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  195. * 4. Remove any default :focus styles
  196. * 5. Make sure webkit font smoothing is being inherited
  197. * 6. Remove default gradient in Android Firefox / FirefoxOS
  198. */
  199. button,
  200. input,
  201. select,
  202. textarea {
  203. margin: 0; /* 3 */
  204. font-size: 100%; /* 2 */
  205. font-family: inherit; /* 1 */
  206. outline-offset: 0; /* 4 */
  207. outline-style: none; /* 4 */
  208. outline-width: 0; /* 4 */
  209. -webkit-font-smoothing: inherit; /* 5 */
  210. background-image: none; /* 6 */
  211. }
  212. /**
  213. * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
  214. * the UA stylesheet.
  215. */
  216. button,
  217. input {
  218. line-height: normal;
  219. }
  220. /**
  221. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  222. * All other form control elements do not inherit `text-transform` values.
  223. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  224. * Correct `select` style inheritance in Firefox 4+ and Opera.
  225. */
  226. button,
  227. select {
  228. text-transform: none;
  229. }
  230. /**
  231. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  232. * and `video` controls.
  233. * 2. Correct inability to style clickable `input` types in iOS.
  234. * 3. Improve usability and consistency of cursor style between image-type
  235. * `input` and others.
  236. */
  237. button,
  238. html input[type="button"], /* 1 */
  239. input[type="reset"],
  240. input[type="submit"] {
  241. cursor: pointer; /* 3 */
  242. -webkit-appearance: button; /* 2 */
  243. }
  244. /**
  245. * Re-set default cursor for disabled elements.
  246. */
  247. button[disabled],
  248. html input[disabled] {
  249. cursor: default;
  250. }
  251. /**
  252. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  253. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  254. * (include `-moz` to future-proof).
  255. */
  256. input[type="search"] {
  257. -webkit-box-sizing: content-box; /* 2 */
  258. -moz-box-sizing: content-box;
  259. box-sizing: content-box;
  260. -webkit-appearance: textfield; /* 1 */
  261. }
  262. /**
  263. * Remove inner padding and search cancel button in Safari 5 and Chrome
  264. * on OS X.
  265. */
  266. input[type="search"]::-webkit-search-cancel-button,
  267. input[type="search"]::-webkit-search-decoration {
  268. -webkit-appearance: none;
  269. }
  270. /**
  271. * Remove inner padding and border in Firefox 4+.
  272. */
  273. button::-moz-focus-inner,
  274. input::-moz-focus-inner {
  275. padding: 0;
  276. border: 0;
  277. }
  278. /**
  279. * 1. Remove default vertical scrollbar in IE 8/9.
  280. * 2. Improve readability and alignment in all browsers.
  281. */
  282. textarea {
  283. overflow: auto; /* 1 */
  284. vertical-align: top; /* 2 */
  285. }
  286. img {
  287. -webkit-user-drag: none;
  288. }
  289. /* ==========================================================================
  290. Tables
  291. ========================================================================== */
  292. /**
  293. * Remove most spacing between table cells.
  294. */
  295. table {
  296. border-spacing: 0;
  297. border-collapse: collapse;
  298. }