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 |
(...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
241 border: 1px solid #ccc; | 241 border: 1px solid #ccc; |
242 color: #333; | 242 color: #333; |
243 font-size: 11px; | 243 font-size: 11px; |
244 line-height: 1.4; | 244 line-height: 1.4; |
245 text-shadow: 0 1px 0 #fff; | 245 text-shadow: 0 1px 0 #fff; |
246 font-family: Arial,Helvetica,sans-serif; | 246 font-family: Arial,Helvetica,sans-serif; |
247 display: inline-block; | 247 display: inline-block; |
248 padding: 0.1em 0.6em; | 248 padding: 0.1em 0.6em; |
249 margin: 0 0.1em; | 249 margin: 0 0.1em; |
250 white-space: nowrap; | 250 white-space: nowrap; |
251 -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | |
252 -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | |
253 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | 251 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; |
254 -webkit-border-radius: 3px; | |
255 -moz-border-radius: 3px; | |
256 border-radius: 3px; | 252 border-radius: 3px; |
257 } | 253 } |
OLD | NEW |