normalize.sass 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  1. // normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css
  2. //
  3. // HTML5 display definitions
  4. //
  5. //
  6. // Corrects block display not defined in IE6/7/8/9 & FF3
  7. //
  8. article,
  9. aside,
  10. details,
  11. figcaption,
  12. figure,
  13. footer,
  14. header,
  15. hgroup,
  16. nav,
  17. section
  18. display: block
  19. // Corrects inline-block display not defined in IE6/7/8/9 & FF3
  20. audio,
  21. canvas,
  22. video
  23. display: inline-block
  24. *display: inline
  25. *zoom: 1
  26. // Prevents modern browsers from displaying 'audio' without controls
  27. audio:not([controls])
  28. display: none
  29. // Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
  30. // Known issue: no IE6 support
  31. [hidden]
  32. display: none
  33. //
  34. // Base
  35. //
  36. //
  37. // 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
  38. // http://clagnut.com/blog/348/#c790
  39. // 2. Keeps page centred in all browsers regardless of content height
  40. // 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
  41. // www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
  42. //
  43. html
  44. font-size: 100% // 1
  45. overflow-y: scroll // 2
  46. -webkit-text-size-adjust: 100% // 3
  47. -ms-text-size-adjust: 100% // 3
  48. // Addresses margins handled incorrectly in IE6/7
  49. body
  50. margin: 0
  51. // Addresses font-family inconsistency between 'textarea' and other form elements.
  52. body,
  53. button,
  54. input,
  55. select,
  56. textarea
  57. font-family: sans-serif
  58. //
  59. // Links
  60. //
  61. // Addresses outline displayed oddly in Chrome
  62. a:focus
  63. outline: thin dotted
  64. // Improves readability when focused and also mouse hovered in all browsers
  65. // people.opera.com/patrickl/experiments/keyboard/test
  66. a:hover,
  67. a:active
  68. outline: 0
  69. //
  70. // Typography
  71. //
  72. // Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
  73. h1
  74. font-size: 2em
  75. // Addresses styling not present in IE7/8/9, S5, Chrome
  76. abbr[title]
  77. border-bottom: 1px dotted
  78. // Addresses style set to 'bolder' in FF3+, S4/5, Chrome
  79. b,
  80. strong
  81. font-weight: bold
  82. blockquote
  83. margin: 1em 40px
  84. // Addresses styling not present in S5, Chrome
  85. dfn
  86. font-style: italic
  87. // Addresses styling not present in IE6/7/8/9
  88. mark
  89. background: #ff0
  90. color: #000
  91. // Corrects font family set oddly in IE6, S4/5, Chrome
  92. // en.wikipedia.org/wiki/User:Davidgothberg/Test59
  93. pre,
  94. code,
  95. kbd,
  96. samp
  97. font-family: monospace, serif
  98. _font-family: 'courier new', monospace
  99. font-size: 1em
  100. // Improves readability of pre-formatted text in all browsers
  101. pre
  102. white-space: pre
  103. white-space: pre-wrap
  104. word-wrap: break-word
  105. //
  106. // 1. Addresses CSS quotes not supported in IE6/7
  107. // 2. Addresses quote property not supported in S4
  108. //
  109. // 1
  110. q
  111. quotes: none
  112. // 2
  113. q:before,
  114. q:after
  115. content: ''
  116. content: none
  117. small
  118. font-size: 75%
  119. //
  120. // Prevents sub and sup affecting line-height in all browsers
  121. // gist.github.com/413930
  122. //
  123. sub,
  124. sup
  125. font-size: 75%
  126. line-height: 0
  127. position: relative
  128. vertical-align: baseline
  129. sup
  130. top: -0.5em
  131. sub
  132. bottom: -0.25em
  133. //
  134. // Lists
  135. //
  136. ul,
  137. ol
  138. margin-left: 0
  139. padding: 0 0 0 40px
  140. dd
  141. margin: 0 0 0 40px
  142. nav ul,
  143. nav ol
  144. list-style: none
  145. list-style-image: none
  146. //
  147. // Embedded content
  148. //
  149. //
  150. // 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
  151. // 2. Improves image quality when scaled in IE7
  152. // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
  153. //
  154. img
  155. border: 0 // 1
  156. -ms-interpolation-mode: bicubic // 2
  157. // Corrects overflow displayed oddly in IE9
  158. svg:not(:root)
  159. overflow: hidden
  160. //
  161. // Figures
  162. //
  163. // Addresses margin not present in IE6/7/8/9, S5, O11
  164. figure
  165. margin: 0
  166. //
  167. // Forms
  168. //
  169. // Corrects margin displayed oddly in IE6/7
  170. form
  171. margin: 0
  172. // Define consistent border, margin, and padding
  173. fieldset
  174. border: 1px solid #c0c0c0
  175. margin: 0 2px
  176. padding: 0.35em 0.625em 0.75em
  177. //
  178. // 1. Corrects color not being inherited in IE6/7/8/9
  179. // 2. Corrects alignment displayed oddly in IE6/7
  180. //
  181. legend
  182. border: 0 // 1
  183. *margin-left: -7px // 2
  184. //
  185. // 1. Corrects font size not being inherited in all browsers
  186. // 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  187. // 3. Improves appearance and consistency in all browsers
  188. //
  189. button,
  190. input,
  191. select,
  192. textarea
  193. font-size: 100% // 1
  194. margin: 0 // 2
  195. vertical-align: baseline // 3
  196. *vertical-align: middle // 3
  197. //
  198. // Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  199. //
  200. button,
  201. input
  202. line-height: normal // 1
  203. //
  204. // 1. Improves usability and consistency of cursor style between image-type 'input' and others
  205. // 2. Corrects inability to style clickable 'input' types in iOS
  206. // 3. Removes inner spacing in IE7 without affecting normal text inputs
  207. // Known issue: inner spacing remains in IE6
  208. //
  209. button,
  210. input[type="button"],
  211. input[type="reset"],
  212. input[type="submit"]
  213. cursor: pointer // 1
  214. -webkit-appearance: button // 2
  215. *overflow: visible // 3
  216. //
  217. // 1. Addresses box sizing set to content-box in IE8/9
  218. // 2. Removes excess padding in IE8/9
  219. //
  220. input[type="checkbox"],
  221. input[type="radio"]
  222. box-sizing: border-box // 1
  223. padding: 0 // 2
  224. //
  225. // 1. Addresses appearance set to searchfield in S5, Chrome
  226. // 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  227. //
  228. input[type="search"]
  229. -webkit-appearance: textfield // 1
  230. -moz-box-sizing: content-box
  231. -webkit-box-sizing: content-box // 2
  232. box-sizing: content-box
  233. //
  234. // Removes inner padding that is displayed in S5, Chrome on OS X
  235. //
  236. input[type="search"]::-webkit-search-decoration
  237. -webkit-appearance: none
  238. //
  239. // Removes inner padding and border in FF3+
  240. // www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  241. //
  242. button::-moz-focus-inner,
  243. input::-moz-focus-inner
  244. border: 0
  245. padding: 0
  246. //
  247. // 1. Removes default vertical scrollbar in IE6/7/8/9
  248. // 2. Improves readability and alignment in all browsers
  249. //
  250. textarea
  251. overflow: auto // 1
  252. vertical-align: top // 2
  253. //
  254. // Tables
  255. //
  256. // Remove most spacing between table cells
  257. table
  258. border-collapse: collapse
  259. border-spacing: 0
  260. //
  261. // CUSTOMIZED RESET VALUES
  262. // I added these extra styles as a more personalized reset. Feel free
  263. // to remove them if you like or add your own. If you want to update
  264. // the normalize styles, make sure to edit from this point up.
  265. //
  266. ul, ol
  267. padding: 0
  268. list-style-type: none
  269. dd
  270. margin: 0
  271. .sidebar ul,
  272. .sidebar ol,
  273. .commentlist
  274. list-style: none
  275. // proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
  276. p
  277. -webkit-hyphens: auto
  278. -moz-hyphens: auto
  279. -epub-hyphens: auto
  280. hyphens: auto
  281. b,
  282. strong,
  283. .strong
  284. font-weight: bold
  285. dfn,
  286. em,
  287. .em
  288. font-style: italic
  289. small, .small
  290. font-size: 75%