reset css(sass

_reset.css

*,
*::before,
*::after {
    box-sizing: border-box;
    word-break: break-all;
}

html, body, div, span, 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, u, i, 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, hr, button, input {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: bottom;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

i, em {
    font-style: normal;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: none;
}

q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}

button, [type="button"], [type="reset"], [type="submit"], [type="password"], [type="text"] {
    border: none;
    border-radius: unset;
    background-color: transparent;
    appearance: none;
}

input::-webkit-input-placeholder {
    line-height: normal;
}

pre {
    white-space: normal;
}

img {
    max-width: 100%;
}

details {
    display: block;
}

summary {
    cursor: pointer;
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

_reset.sass

*,
*::before,
*::after
  box-sizing: border-box
  word-break: break-all

html, body, div, span, 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, u, i, 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, hr, button, input
  margin: 0
  padding: 0
  border: 0
  font: inherit
  vertical-align: bottom

// HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
  display: block

i, em
  font-style: normal

ol, ul
  list-style: none

blockquote, q
  quotes: none

blockquote
  &:before, &:after
    content: none

q
  &:before, &:after
    content: none

table
  border-collapse: collapse
  border-spacing: 0
  text-align: left

// TODO：input指定でよくない？
button, [type="button"], [type="reset"], [type="submit"], [type="password"], [type="text"]
  border: none
  border-radius: unset
  background-color: transparent
  appearance: none

input::-webkit-input-placeholder
  line-height: normal

pre
  white-space: normal

img
  max-width: 100%

details
  display: block

summary
  cursor: pointer
  list-style: none

  &::-webkit-details-marker
    display: none