// auto scroll with smooth scrolling on touch devices
%scroll {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

* {
  @include box-sizing('border-box');
}

html{

}

body{
  font-size: $base-font-size+6; /* Set to 16 as default font because 10 just ain't right. */ //Fix for the chrome rem bug http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag
  line-height: $base-line-height;
  line-height: $lineheight;
  min-width: $min-width;
  color: $gray;
  @include breakpoint($all-devices) {
    &.noscroll {
      overflow: hidden;
      height: 100%;
      width: 100%;
      position: fixed;
    }
  }
}

@import "mixins";
@import "accessibility";
@import "fonts";
@import "normalize";
@import "typography";