//TODO GRIDS
@import 'modules/modules';
@import 'partials/partials';

::selection {
  background: $def-blue;
  color: $white;
}

html * {
  transform: translate3d(0, 0, 0);
}

html, body {
  width: 100%;
  height: 100%; //For full pages
  min-width: em(320);
  //min-width: em(320); em
  //min-width: vw(320); veivport
}

html {
  &.no-touch {
    //All the hover events go here
  }
  &.mobile {
    //All mobile stuff goes here
    cursor: pointer;
  }
  &.loaded {
    body {
      @extend .is-visible;
    }
  }
}

body {
  position: relative;
  @extend .is-invisible;
  transition: opacity $body-fadein-time ease .0s;
  //background: url("../img/icons/body-bg.png")center;
  background: url("../img/background-01.png") center;
  overflow-x: hidden;
  font-family: $caps;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button {
  font-family: $caps;
}

@import 'pages/pages';
@import 'partials/media';