| OLD | NEW |
| 1 // Uses vertical_rythm library from | 1 // Uses vertical_rythm library from |
| 2 // http://compass-style.org/reference/compass/typography/vertical_rhythm/ | 2 // http://compass-style.org/reference/compass/typography/vertical_rhythm/ |
| 3 // as explained in _typography.scss | 3 // as explained in _typography.scss |
| 4 @import "compass/typography/vertical_rhythm"; | 4 @import "compass/typography/vertical_rhythm"; |
| 5 | 5 |
| 6 .api { | 6 .api { |
| 7 color: #333; | 7 color: #333; |
| 8 font-size: 14px; | 8 font-size: 14px; |
| 9 | 9 |
| 10 .api-summary { | 10 .api-summary { |
| 11 td, th { | 11 td, th { |
| 12 padding: 5px 10px; | 12 padding: 5px 10px; |
| 13 } | 13 } |
| 14 } | 14 } |
| 15 | 15 |
| 16 .api-reference { | 16 .api-reference { |
| 17 .description { | 17 .description { |
| 18 margin-left: 20px; | 18 margin-left: 20px; |
| 19 } | 19 } |
| 20 table.innerTable { | 20 table { |
| 21 margin: 10px 0; | 21 .innerTable { |
| 22 td, th { | 22 margin: 10px 0; |
| 23 padding: 5px 10px; | 23 td, th { |
| 24 border: 1px solid #eee; | 24 padding: 5px 10px; |
| 25 } | 25 border: 1px solid #eee; |
| 26 th { | 26 } |
| 27 background: none; | 27 th { |
| 28 background: none; |
| 29 } |
| 28 } | 30 } |
| 29 p { | 31 p { |
| 30 margin: 0; | 32 margin-top: 0.75em; |
| 33 margin-bottom: 0.75em; |
| 34 } |
| 35 p:first-child { |
| 36 margin-top: 0; |
| 31 } | 37 } |
| 32 } | 38 } |
| 33 td, th { | 39 td, th { |
| 34 vertical-align: top; | 40 vertical-align: top; |
| 35 border: 1px solid #eee; | 41 border: 1px solid #eee; |
| 36 } | 42 } |
| 37 th { | 43 th { |
| 38 background: #fafafa; | 44 background: #fafafa; |
| 39 } | 45 } |
| 40 h2 { | 46 h2 { |
| 41 background-color: darken($gray-light, 5%); | 47 background-color: darken($gray-light, 5%); |
| 42 padding: $default-padding; | 48 padding: $default-padding; |
| 43 margin-left: $default-padding * -1; | 49 margin-left: $default-padding * -1; |
| 44 margin-right: $default-padding * -1; | 50 margin-right: $default-padding * -1; |
| 45 } | 51 } |
| 46 h3 { | 52 h3 { |
| 47 margin-top: rhythm(2); | 53 margin-top: rhythm(2); |
| 48 } | 54 } |
| 49 } | 55 } |
| 50 | 56 |
| 51 .availability { | 57 .availability { |
| 52 color: #A03; | 58 color: #A03; |
| 53 } | 59 } |
| 54 } | 60 } |
| OLD | NEW |