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-family: $base-font-family;
18 font-size: $base-font-size;
19 line-height: $base-line-height;
22 background-color: $background-color;
23 -webkit-text-size-adjust: 100%;
29 * Set `margin-bottom` to maintain vertical rhythm
31 h1, h2, h3, h4, h5, h6,
35 margin-bottom: $spacing-unit / 2;
45 vertical-align: middle;
58 font-size: $small-font-size;
67 margin-left: $spacing-unit;
82 h1, h2, h3, h4, h5, h6 {
84 font-family: $special-font;
92 color: darken($brand-color, 20%);
96 color: darken($brand-color, 15%);
100 color: darken($brand-color, 10%);
110 font-family: $special-font;
111 text-decoration: underline;
114 color: darken($brand-color, 15%);
118 color: lighten($brand-color, 15%);
119 text-decoration: none;
130 border-left: 4px solid $grey-color-light;
131 padding-left: $spacing-unit / 2;
133 letter-spacing: -1px;
149 border: 1px solid $grey-color-light;
151 background-color: #eef;
175 max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
176 max-width: calc(800px - (#{$spacing-unit} * 2));
179 padding-right: $spacing-unit;
180 padding-left: $spacing-unit;
183 @include media-query($on-laptop) {
184 max-width: -webkit-calc(800px - (#{$spacing-unit}));
185 max-width: calc(800px - (#{$spacing-unit}));
186 padding-right: $spacing-unit / 2;
187 padding-left: $spacing-unit / 2;
192 max-width: -webkit-calc(1000px - (#{$spacing-unit} * 2));
193 max-width: calc(1000px - (#{$spacing-unit} * 2));
196 padding-right: $spacing-unit;
197 padding-left: $spacing-unit;
200 @include media-query($on-laptop) {
201 max-width: -webkit-calc(800px - (#{$spacing-unit}));
202 max-width: calc(800px - (#{$spacing-unit}));
203 padding-right: $spacing-unit / 2;
204 padding-left: $spacing-unit / 2;
231 display: inline-block;
234 vertical-align: middle;