/*----------------------------------------------------------------------------*\
    Shared
    html, body
\*----------------------------------------------------------------------------*/

/*  Component
\*----------------------------------------------------------------------------*/

html {
    font-family: $font-base;
    min-height: 100%;
    font-size: 62.5%; /* 62.5% of 16px = 10px */ /* browser default = 16px */
    -moz-osx-font-smoothing: grayscale; /* 3 */
    -webkit-font-smoothing: antialiased; /* 3 */
}

html,
body {
    height: 100%;
}

body {
    position: relative;
    min-height: 100%;
    font-size: $base-font-size;
    line-height: $base-line-height;
    font-weight: $base-font-weight;
    -webkit-font-smoothing: antialiased;
}

a[href^="mailto:"], a[href^="tel:"] {
    white-space: nowrap;
}