reset.sass

reset.sass

// 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

// 以下、追加設定

*
  box-sizing: border-box

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

//ie用
main
  &.is-ie8,
  &.is-ie9,
  &.is-ie10,
  &.is-ie11
    display: block