OLD | NEW |
---|---|
1 /* ============================================================================= | 1 /* ============================================================================= |
2 Typography | 2 Typography |
3 | 3 |
4 To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins | 4 To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins |
5 so that the line height of our base font becomes the basic unit of vertical | 5 so that the line height of our base font becomes the basic unit of vertical |
6 measurement. We use multiples of that unit to set the top and bottom margins | 6 measurement. We use multiples of that unit to set the top and bottom margins |
7 for our block level elements and to set the line heights of any fonts. | 7 for our block level elements and to set the line heights of any fonts. |
8 For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm | 8 For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm |
9 ========================================================================== */ | 9 ========================================================================== */ |
10 | 10 |
11 | 11 |
12 html { | 12 html { |
13 font-family: $base-font; | 13 font-family: $base-font; |
14 color: $text; | 14 color: $text; |
15 } | 15 } |
16 body { | 16 body { |
17 color: $text; | |
17 font-size: $body-font-size; | 18 font-size: $body-font-size; |
18 color: $text; | |
not at google - send to devlin
2014/08/27 19:30:24
This change doesn't look necessary
| |
19 } | 19 } |
20 | 20 |
21 h1, h2, h3, h4 ,h5 ,h6 { | 21 h1, h2, h3, h4 ,h5 ,h6 { |
22 font-family: $headline-font; | 22 font-family: $headline-font; |
23 font-weight: 600; | 23 font-weight: 600; |
24 color: $headline-color; | 24 color: $headline-color; |
25 } | 25 } |
26 h1, h2 { | 26 h1, h2 { |
27 font-weight: 300; | 27 font-weight: 300; |
28 } | 28 } |
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
107 font-weight: 600; | 107 font-weight: 600; |
108 text-decoration: none; | 108 text-decoration: none; |
109 word-wrap: break-word; | 109 word-wrap: break-word; |
110 &:hover, | 110 &:hover, |
111 &:focus { | 111 &:focus { |
112 color: $link-hover-color; | 112 color: $link-hover-color; |
113 } | 113 } |
114 } | 114 } |
115 } | 115 } |
116 | 116 |
117 table { | |
118 font-size: $body-font-size; | |
119 } | |
120 | |
121 td dl { | |
122 margin: 0.4em 0; | |
123 } | |
124 | |
125 td dt { | |
126 margin: 0 0 0.4em 0; | |
127 } | |
128 | |
117 em { | 129 em { |
118 padding-right: 2px; /* "kerning" adjustment */ | 130 padding-right: 2px; /* "kerning" adjustment */ |
119 } | 131 } |
120 | 132 |
121 img { | 133 img { |
122 vertical-align: middle; | 134 vertical-align: middle; |
123 } | 135 } |
124 | 136 |
125 figcaption { | 137 figcaption { |
126 font-family: $alt-font; | 138 font-family: $alt-font; |
(...skipping 117 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
244 line-height: 1.4; | 256 line-height: 1.4; |
245 text-shadow: 0 1px 0 #fff; | 257 text-shadow: 0 1px 0 #fff; |
246 font-family: Arial,Helvetica,sans-serif; | 258 font-family: Arial,Helvetica,sans-serif; |
247 display: inline-block; | 259 display: inline-block; |
248 padding: 0.1em 0.6em; | 260 padding: 0.1em 0.6em; |
249 margin: 0 0.1em; | 261 margin: 0 0.1em; |
250 white-space: nowrap; | 262 white-space: nowrap; |
251 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | 263 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; |
252 border-radius: 3px; | 264 border-radius: 3px; |
253 } | 265 } |
OLD | NEW |