2 * Reset some basic elements
4 body, h1, h2, h3, h4, h5, h6,
5 p, blockquote, pre, hr,
6 dl, dd, ol, ul, figure {
17 font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
19 background-color: $background-color;
20 -webkit-text-size-adjust: 100%;
21 -webkit-font-feature-settings: "kern" 1;
22 -moz-font-feature-settings: "kern" 1;
23 -o-font-feature-settings: "kern" 1;
24 font-feature-settings: "kern" 1;
31 * Set `margin-bottom` to maintain vertical rhythm
33 h1, h2, h3, h4, h5, h6,
37 margin-bottom: $spacing-unit / 2;
47 vertical-align: middle;
60 font-size: $small-font-size;
69 margin-left: $spacing-unit;
84 h1, h2, h3, h4, h5, h6 {
85 font-weight: $base-font-weight;
95 text-decoration: none;
98 color: darken($brand-color, 15%);
103 text-decoration: underline;
114 border-left: 4px solid $grey-color-light;
115 padding-left: $spacing-unit / 2;
117 letter-spacing: -1px;
133 border: 1px solid $grey-color-light;
135 background-color: #eef;
159 max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
160 max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
163 padding-right: $spacing-unit;
164 padding-left: $spacing-unit;
167 @include media-query($on-laptop) {
168 max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
169 max-width: calc(#{$content-width} - (#{$spacing-unit}));
170 padding-right: $spacing-unit / 2;
171 padding-left: $spacing-unit / 2;
197 display: inline-block;
200 vertical-align: middle;