// Reset the box-sizing

*,
*:before,
*:after {
    box-sizing: border-box;

    // remove flickering on item touch selection in ios
    -webkit-tap-highlight-color: transparent !important;
}

// Body reset

html {
    font-size: 62.5%;
    height: 100%;
}

body {
    font-family: $font-family-base;
    font-size: $font-size-base;
    line-height: $line-height-base;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

// Custom scrollbars in webkit
// @see http://css-tricks.com/custom-scrollbars-in-webkit/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: $color-grey-lighter;
    border: 3px solid transparent;
    background-clip: content-box;
    &:hover {
        background-color: $color-blue;
    }
}

// add space at the top since ios7 apps are now fullscreen
.ios-spacer {
    padding-top: 20px;
}

// Basic layout
.main-app-view {
    height: 100%;

    // allow text selection
    user-select: none;
}