/* Apply a natural box layout model to all elements, but allowing components to 
change */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: $color-white;
}

// Hack for clearfixes
.lt-ie9 {
  * {
    filter: none !important;
  }
}

[aria-hidden=true] {
  display: none !important;
}

/* Apply a natural box layout model to all elements, but allowing components to 
change */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: $color-white;
}

// Hack for clearfixes
.lt-ie9 {
  * {
    filter: none !important;
  }
}

Remove aria-hidden=true & display:none equivalence
Remove aria-hidden=true & display:none equivalence

Per ARIA spec, https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden
aria-hidden MAY be used for DOM elements that should be visibly
rendered, but the removal of which will improve the experience of users
of assistive technology.

Classic example of this seems to be Google Maps divs with the map tiles
which must be displayed for non-assistive browsers but which are not
useful for screen readers since it is picture information. Equiating
area-hidden and display:none in CSS incorrectly breaks the non-ARIA
experience.
