// Base Styles //–––––––––––––––––––––––––––––––––––––––––––––––––– // NOTE // html is set to 62.5% so that all the REM measurements throughout Skeleton // are based on 10px sizing. So basically 1.5rem = 15px :)
html {
font-size: 62.5%;
}
body {
font-size: 1.5em; // currently ems cause chrome bug misinterpreting rems on body element line-height: 1.6; font-weight: 400; font-family: $font-family; color: $font-color;
}
// Links //––––––––––––––––––––––––––––––––––––––––––––––––––
a {
color: $link-color; &:hover { color: darken($link-color, 5%); }
}
// Misc //––––––––––––––––––––––––––––––––––––––––––––––––––
hr {
margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid $light-grey;
}