2015-12-26 01:51:50 +00:00
|
|
|
|
|
|
|
|
|
// Base
|
|
|
|
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
|
|
|
|
2016-12-01 03:30:47 +00:00
|
|
|
|
// Set box-sizing globally to handle padding and border widths
|
|
|
|
|
*,
|
|
|
|
|
*:after,
|
|
|
|
|
*:before
|
2020-05-17 21:41:05 +00:00
|
|
|
|
box-sizing: inherit
|
2016-12-01 03:30:47 +00:00
|
|
|
|
|
2015-12-26 01:51:50 +00:00
|
|
|
|
// The base font-size is set at 62.5% for having the convenience
|
2016-09-10 05:15:45 +00:00
|
|
|
|
// of sizing rems in a way that is similar to using px: 1.6rem = 16px
|
2015-12-26 01:51:50 +00:00
|
|
|
|
html
|
2020-05-17 21:41:05 +00:00
|
|
|
|
box-sizing: border-box
|
|
|
|
|
font-size: 62.5%
|
2015-12-26 01:51:50 +00:00
|
|
|
|
|
2016-01-06 06:49:32 +00:00
|
|
|
|
// Default body styles
|
2015-12-26 01:51:50 +00:00
|
|
|
|
body
|
2021-03-21 07:48:28 +00:00
|
|
|
|
color: $color-quaternary
|
2020-05-17 21:41:05 +00:00
|
|
|
|
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
|
|
|
|
|
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
|
|
|
|
|
font-weight: 300
|
|
|
|
|
letter-spacing: .01em
|
|
|
|
|
line-height: 1.6
|
2021-03-21 07:48:28 +00:00
|
|
|
|
padding: 1em
|
|
|
|
|
|
|
|
|
|
footer
|
|
|
|
|
text-align: center
|
|
|
|
|
margin-top: 2em
|
|
|
|
|
padding-top: 1em
|
|
|
|
|
padding-bottom: 1em
|
|
|
|
|
border-top: 1px solid $color-quaternary
|
2021-03-21 09:21:49 +00:00
|
|
|
|
|
|
|
|
|
a
|
|
|
|
|
white-space: nowrap;
|