// http://meyerweb.com/eric/tools/css/reset/ // v2.0 | 20110126 // License: none (public domain) =meyer-reset html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video margin: 0 padding: 0 border: 0 font-size: 100% font: inherit vertical-align: baseline // HTML5 display-role reset for older browsers article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section display: block body line-height: 1 ol, ul list-style: none blockquote, q quotes: none blockquote &:before, &:after content: "" content: none q &:before, &:after content: "" content: none table border-collapse: collapse border-spacing: 0 +meyer-reset // 以下、追加設定 html font-size: 62.5% +basic-font +prefixer(backface-visibility, hidden, webkit moz spec) .mobile // 自動文字サイズ調整 +prefixer(text-size-adjust, 100%, webkit moz spec) // タップ時のハイライトカラー +prefixer(tap-highlight-color, rgba(black, 0), webkit moz spec) // リンクの長時間タップでリンク内容をポップアップで表示させない場合 +prefixer(touch-callout, none, webkit moz spec) input, button, textarea margin: 0 padding: 0 border: none background-color: transparent outline: none +basic-font button +appearance(button) img vertical-align: bottom a outline: none hr border: none strong font-weight: bold // form #{$all-button-inputs}, button cursor: pointer button::-moz-focus-inner, input::-moz-focus-inner border: 0 padding: 0 input, textarea border: none +box-sizing(border-box) button, x:-moz-any-link, input[type=button], x:-moz-any-link, input[type=submit], x:-moz-any-link line-height: normal !important input[type="file"]::-webkit-file-upload-button cursor: pointer !important // selection *::selection background: $selection-bg-color color: $selection-tx-color *::-moz-selection background: $selection-bg-color color: $selection-tx-color #{$all-text-inputs}, textarea &::selection background: $input-selection-bg-color color: $input-selection-tx-color &::-moz-selection background: $input-selection-bg-color color: $input-selection-tx-color