Accoutrement 2.1.1

html

scss
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  text-size-adjust: 100%;
}

Prevent iOS and IE text size adjust after device orientation change.

  • Overflow-style: Edge 12+, Internet Explorer 11-

main

scss
main {
  display: block;
}
  • Android 4.3-
  • Internet Explorer 11-
  • Windows Phone 8.1+

details

scss
details {
  display: block;
}
  • Edge 12+
  • Firefox 40+
  • Internet Explorer 11-
  • Windows Phone 8.1+

pre

scss
pre {
  overflow: auto;
}

Internet Explorer 11-

progress

scss
progress {
  display: inline-block;
}
  • Internet Explorer 11-
  • Windows Phone 8.1+

summary

scss
summary {
  display: block;
}
  • Firefox 40+
  • Internet Explorer 11-
  • Windows Phone 8.1+

template

scss
template {
  display: none;
}
  • Android 4.3-
  • Internet Explorer 11-
  • iOS 7-
  • Safari 7-
  • Windows Phone 8.1+

*, ::before, ::after

scss
*,
::before,
::after {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
}

Specify the border style, width, and box-sizing of all elements.

*

scss
* {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

Specify the core styles of all elements.

table

scss
table {
  border-collapse: collapse;
  border-spacing: 0;
}

Specify the border styling of tables.