@import "../vars";

// Change to border-box from content-box
html {
  box-sizing: border-box;
}

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

// Make viewport responsive
@at-root {
  @-ms-viewport { width: device-width; }
}

html {
  // Root size, the rem base this
  font-size: $reboot-size-root;
  // @see bootstrap
  // Changes the default tap highlight to be completely transparent in iOS.
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  background-color: $reboot-bg;
  font-family: $reboot-font-family;
  font-size: $reboot-font-size;
  line-height: $reboot-line-height;
}

// Remove outline
[tabindex="-1"]:focus {
  outline: none !important;
}

html.has-full {
  &,
  body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}