// TODO: This might be inefficient?

// Make sure iOS Safari doesn't scale fonts on orientation changes
html {
  @include user-select(none);
  -webkit-text-size-adjust: 100%;
}

body {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  font-size: 14px;
  font-family: $base-font-family;
  line-height: 1.25;
  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}

.view {
  width: 100%;
  height: 100%;
}

.content {
  position: fixed; 
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
/* Hack to force all relatively and absolutely positioned elements still render while scrolling
   Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */
.content > *, .content-padded > * {
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
}

.content-padded {
  padding: $content-padding;
}

.inset {
  margin: $inset-margin;
}

.rounded {
  border-radius: $border-radius-base;
}

// Remove tap highlight color on Safari
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.page, .full-section {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
}