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 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
66 // } | 66 // } |
67 // } | 67 // } |
68 | 68 |
69 p { | 69 p { |
70 margin: rhythm(1) 0; | 70 margin: rhythm(1) 0; |
71 &.noindent, &.caption & { | 71 &.noindent, &.caption & { |
72 text-indent: 0; | 72 text-indent: 0; |
73 } | 73 } |
74 &.caption { | 74 &.caption { |
75 text-align: left; | 75 text-align: left; |
| 76 margin-top: 9px; |
| 77 font-weight: bold; |
76 .lightbox & { | 78 .lightbox & { |
77 color: $white; | 79 color: $white; |
78 } | 80 } |
79 } | 81 } |
80 } | 82 } |
81 | 83 |
82 a, | 84 a, |
83 a:link, | 85 a:link, |
84 a:visited { | 86 a:visited { |
85 color: $link-color; | 87 color: $link-color; |
(...skipping 170 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
256 line-height: 1.4; | 258 line-height: 1.4; |
257 text-shadow: 0 1px 0 #fff; | 259 text-shadow: 0 1px 0 #fff; |
258 font-family: Arial,Helvetica,sans-serif; | 260 font-family: Arial,Helvetica,sans-serif; |
259 display: inline-block; | 261 display: inline-block; |
260 padding: 0.1em 0.6em; | 262 padding: 0.1em 0.6em; |
261 margin: 0 0.1em; | 263 margin: 0 0.1em; |
262 white-space: nowrap; | 264 white-space: nowrap; |
263 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | 265 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; |
264 border-radius: 3px; | 266 border-radius: 3px; |
265 } | 267 } |
OLD | NEW |