2015-12-26 01:51:50 +00:00
|
|
|
|
|
|
|
|
|
|
// Base
|
|
|
|
|
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
|
|
|
|
|
|
|
|
|
|
// The base font-size is set at 62.5% for having the convenience
|
|
|
|
|
|
// of sizing rems in a way that is similar to using px. 1.6rem=16px
|
|
|
|
|
|
html
|
|
|
|
|
|
box-sizing: border-box
|
|
|
|
|
|
font-size: 62.5%
|
|
|
|
|
|
|
2016-01-06 06:49:32 +00:00
|
|
|
|
// Default body styles
|
2015-12-26 01:51:50 +00:00
|
|
|
|
body
|
|
|
|
|
|
color: $color-secondary
|
2015-12-31 11:26:47 +00:00
|
|
|
|
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
|
2016-08-07 19:29:11 +00:00
|
|
|
|
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
|
2015-12-26 01:51:50 +00:00
|
|
|
|
font-weight: 300
|
|
|
|
|
|
letter-spacing: .01em
|
|
|
|
|
|
line-height: 1.6
|
|
|
|
|
|
|
2016-01-06 06:49:32 +00:00
|
|
|
|
// Set box-sizing globally to handle padding and border widths
|
2015-12-26 01:51:50 +00:00
|
|
|
|
*,
|
|
|
|
|
|
*:after,
|
|
|
|
|
|
*:before
|
2015-12-31 11:21:59 +00:00
|
|
|
|
box-sizing: inherit
|
