msh-no-scroll

@import url(./reset.css);
@import url(./fonts.css);
@import './colors.scss';
@import './typography.scss';

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: 'SegoeUI';

  height: 100%;
  
  position: fixed;
	overflow: hidden;
}

body {
	position: relative;
  height: 100%;
  width: 100vw;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/*

Generic Vue transitions to use through app

*/

.fade-enter-active, .fade-leave-active {
  transition: opacity 500ms;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}