Normalize

Amaze UI Touch 使用 normalize.css v4.1.1 作为基础样式，部分细节做了微调。

  1. // Amaze UI Mobile normalize based on normalize.css
  3. /* normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
  5. /**
  6.  * 1. Change the default font family in all browsers (opinionated).
  7.  * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
  8.  */
  10. html {
  11.   font-family: sans-serif; /* 1 */
  12.   -ms-text-size-adjust: 100%; /* 2 */
  13.   -webkit-text-size-adjust: 100%; /* 2 */
  14. }
  16. /**
  17.  * Remove the margin in all browsers (opinionated).
  18.  */
  20. body {
  21.   margin: 0;
  22. }
  24. /* HTML5 display definitions
  25.    ========================================================================== */
  27. /**
  28.  * Add the correct display in IE 9-.
  29.  * 1. Add the correct display in Edge, IE, and Firefox.
  30.  * 2. Add the correct display in IE.
  31.  */
  33. article,
  34. aside,
  35. details, /* 1 */
  36. figcaption,
  37. figure,
  38. footer,
  39. header,
  40. main, /* 2 */
  41. menu,
  42. nav,
  43. section,
  44. summary { /* 1 */
  45.   display: block;
  46. }
  48. /**
  49.  * Add the correct display in IE 9-.
  50.  */
  52. audio,
  53. canvas,
  54. progress,
  55. video {
  56.   display: inline-block;
  57. }
  59. /**
  60.  * Add the correct display in iOS 4-7.
  61.  */
  63. audio:not([controls]) {
  64.   display: none;
  65.   height: 0;
  66. }
  68. /**
  69.  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  70.  */
  72. progress {
  73.   vertical-align: baseline;
  74. }
  76. /**
  77.  * Add the correct display in IE 10-.
  78.  * 1. Add the correct display in IE.
  79.  */
  81. template, /* 1 */
  82. [hidden] {
  83.   display: none;
  84. }
  86. /* Links
  87.    ========================================================================== */
  89. /**
  90.  * 1. Remove the gray background on active links in IE 10.
  91.  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  92.  */
  94. a {
  95.   background-color: transparent; /* 1 */
  96.   -webkit-text-decoration-skip: objects; /* 2 */
  97. }
  99. /**
  100.  * Remove the outline on focused links when they are also active or hovered
  101.  * in all browsers (opinionated).
  102.  */
  104. a:active,
  105. a:hover {
  106.   outline-width: 0;
  107. }
  109. /* Text-level semantics
  110.    ========================================================================== */
  112. /**
  113.  * 1. Remove the bottom border in Firefox 39-.
  114.  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  115.  */
  117. abbr[title] {
  118.   border-bottom: none; /* 1 */
  119.   text-decoration: underline; /* 2 */
  120.   text-decoration: underline dotted; /* 2 */
  121. }
  123. /**
  124.  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  125.  */
  127. b,
  128. strong {
  129.   font-weight: inherit;
  130. }
  132. /**
  133.  * Add the correct font weight in Chrome, Edge, and Safari.
  134.  */
  136. b,
  137. strong {
  138.   font-weight: bolder;
  139. }
  141. /**
  142.  * Add the correct font style in Android 4.3-.
  143.  */
  145. dfn {
  146.   font-style: italic;
  147. }
  149. /**
  150.  * Correct the font size and margin on `h1` elements within `section` and
  151.  * `article` contexts in Chrome, Firefox, and Safari.
  152.  */
  154. h1 {
  155.   font-size: 2em;
  156.   margin: 0.67em 0;
  157. }
  159. /**
  160.  * Add the correct background and color in IE 9-.
  161.  */
  163. mark {
  164.   background-color: #ff0;
  165.   color: #000;
  166. }
  168. /**
  169.  * Add the correct font size in all browsers.
  170.  */
  172. small {
  173.   font-size: 80%;
  174. }
  176. /**
  177.  * Prevent `sub` and `sup` elements from affecting the line height in
  178.  * all browsers.
  179.  */
  181. sub,
  182. sup {
  183.   font-size: 75%;
  184.   line-height: 0;
  185.   position: relative;
  186.   vertical-align: baseline;
  187. }
  189. sub {
  190.   bottom: -0.25em;
  191. }
  193. sup {
  194.   top: -0.5em;
  195. }
  197. /* Embedded content
  198.    ========================================================================== */
  200. /**
  201.  * Remove the border on images inside links in IE 10-.
  202.  */
  204. img {
  205.   border-style: none;
  206. }
  208. /**
  209.  * Hide the overflow in IE.
  210.  */
  212. svg:not(:root) {
  213.   overflow: hidden;
  214. }
  216. /* Grouping content
  217.    ========================================================================== */
  219. /**
  220.  * 1. Correct the inheritance and scaling of font size in all browsers.
  221.  * 2. Correct the odd `em` font sizing in all browsers.
  222.  */
  224. code,
  225. kbd,
  226. pre,
  227. samp {
  228.   font-family: monospace, monospace; /* 1 */
  229.   font-size: 1em; /* 2 */
  230. }
  232. /**
  233.  * Add the correct margin in IE 8.
  234.  */
  236. figure {
  237.   margin: 1em 40px;
  238. }
  240. /**
  241.  * 1. Add the correct box sizing in Firefox.
  242.  * 2. Show the overflow in Edge and IE.
  243.  */
  245. hr {
  246.   box-sizing: content-box; /* 1 */
  247.   height: 0; /* 1 */
  248.   overflow: visible; /* 2 */
  249. }
  251. /* Forms
  252.    ========================================================================== */
  254. /**
  255.  * 1. Change font properties to `inherit` in all browsers (opinionated).
  256.  * 2. Remove the margin in Firefox and Safari.
  257.  */
  259. button,
  260. input,
  261. optgroup,
  262. select,
  263. textarea {
  264.   // font: inherit; /* 1 */
  265.   margin: 0; /* 2 */
  266. }
  268. /**
  269.  * Restore the font weight unset by the previous rule.
  270.  */
  272. optgroup {
  273.   font-weight: bold;
  274. }
  276. /**
  277.  * Show the overflow in IE.
  278.  * 1. Show the overflow in Edge.
  279.  */
  281. button,
  282. input { /* 1 */
  283.   overflow: visible;
  284. }
  286. /**
  287.  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  288.  * 1. Remove the inheritance of text transform in Firefox.
  289.  */
  291. button,
  292. select { /* 1 */
  293.   text-transform: none;
  294. }
  296. /**
  297.  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  298.  *    controls in Android 4.
  299.  * 2. Correct the inability to style clickable types in iOS and Safari.
  300.  */
  302. button,
  303. html [type="button"], /* 1 */
  304. [type="reset"],
  305. [type="submit"] {
  306.   -webkit-appearance: button; /* 2 */
  307.   cursor: pointer; /* 3 */
  308. }
  310. /**
  311.  * Re-set default cursor for disabled elements.
  312.  */
  314. button[disabled],
  315. html input[disabled] {
  316.   cursor: default;
  317. }
  319. /**
  320.  * Remove the inner border and padding in Firefox.
  321.  */
  323. button::-moz-focus-inner,
  324. [type="button"]::-moz-focus-inner,
  325. [type="reset"]::-moz-focus-inner,
  326. [type="submit"]::-moz-focus-inner {
  327.   border-style: none;
  328.   padding: 0;
  329. }
  331. /**
  332.  * Restore the focus styles unset by the previous rule.
  333.  */
  335. button:-moz-focusring,
  336. [type="button"]:-moz-focusring,
  337. [type="reset"]:-moz-focusring,
  338. [type="submit"]:-moz-focusring {
  339.   outline: 1px dotted ButtonText;
  340. }
  342. /**
  343.  * Change the border, margin, and padding in all browsers (opinionated).
  344.  */
  346. fieldset {
  347.   border: 1px solid #c0c0c0;
  348.   margin: 0 2px;
  349.   padding: 0.35em 0.625em 0.75em;
  350. }
  352. /**
  353.  * 1. Correct the text wrapping in Edge and IE.
  354.  * 2. Correct the color inheritance from `fieldset` elements in IE.
  355.  * 3. Remove the padding so developers are not caught out when they zero out
  356.  *    `fieldset` elements in all browsers.
  357.  */
  359. legend {
  360.   box-sizing: border-box; /* 1 */
  361.   color: inherit; /* 2 */
  362.   display: table; /* 1 */
  363.   max-width: 100%; /* 1 */
  364.   padding: 0; /* 3 */
  365.   white-space: normal; /* 1 */
  366. }
  368. input {
  369.   line-height: normal;
  370. }
  372. /**
  373.  * Remove the default vertical scrollbar in IE.
  374.  */
  376. textarea {
  377.   overflow: auto;
  378. }
  380. /**
  381.  * 1. Add the correct box sizing in IE 10-.
  382.  * 2. Remove the padding in IE 10-.
  383.  */
  385. [type="checkbox"],
  386. [type="radio"] {
  387.   box-sizing: border-box; /* 1 */
  388.   padding: 0; /* 2 */
  389. }
  391. /**
  392.  * Correct the cursor style of increment and decrement buttons in Chrome.
  393.  */
  395. [type="number"]::-webkit-inner-spin-button,
  396. [type="number"]::-webkit-outer-spin-button {
  397.   height: auto;
  398. }
  400. /**
  401.  * 1. Correct the odd appearance in Chrome and Safari.
  402.  * 2. Correct the outline style in Safari.
  403.  */
  405. [type="search"] {
  406.   -webkit-appearance: textfield; /* 1 */
  407.   outline-offset: -2px; /* 2 */
  408. }
  410. /**
  411.  * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
  412.  */
  414. [type="search"]::-webkit-search-cancel-button,
  415. [type="search"]::-webkit-search-decoration {
  416.   -webkit-appearance: none;
  417. }
  419. /**
  420.  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  421.  */
  423. ::-webkit-input-placeholder {
  424.   color: inherit;
  425.   opacity: 0.54;
  426. }
  428. /**
  429.  * 1. Correct the inability to style clickable types in iOS and Safari.
  430.  * 2. Change font properties to `inherit` in Safari.
  431.  */
  433. ::-webkit-file-upload-button {
  434.   -webkit-appearance: button; /* 1 */
  435.   font: inherit; /* 2 */
  436. }

Copy

Version: 1.0.0

原文: http://t.amazeui.org/#/docs/normalize