/*
  重置页面元素样式
  项目引入@wii-fe/design时已对元素做了全局重置，样式库重置相关Mixin如无必要不建议使用
*/

// 重置盒模型
.resetBoxModel() {
  margin: 0;
  padding: 0;
  border: 0;
}

// 重置元素外框线
.resetOutline() {
  outline: 0;
}

// 重置字体相关属性
.resetFont() {
  font-weight: inherit;
  font-size: 100%;
  font-family: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

// 重置 body 元素
.resetBody() {
  line-height: 1;
}

// 重置表格样式
.resetTable() {
  vertical-align: middle;
  border-collapse: separate;
  border-spacing: 0;
}

// 重置表格单元格样式（td、th）
.resetTableCell() {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

// 重置列表项目符号样式
.resetListStyle() {
  list-style: none;
}

// 对选择器指定的元素内部进行样式重置
.nestedReset() {
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  pre,
  a,
  abbr,
  acronym,
  address,
  code,
  del,
  dfn,
  em,
  img,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  caption,
  tbody,
  tfoot,
  thead,
  tr {
    .resetBoxModel();
    .resetFocus();
    .resetFont();
  }

  table {
    .resetTable();
  }

  caption,
  th,
  td {
    .resetTableCell();
  }

  a img {
    border: none;
  }
  .resetHtml5();
}

// 重置 HTML5 元素的样式
.resetHtml5() {
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  main {
    display: block;
    .resetBoxModel();
    .resetFocus();
    .resetFont();
  }

  audio,
  canvas,
  video {
    outline: none;
  }

  audio:not([controls]),
  [hidden] {
    display: none;
  }
}
