diff options
| -rw-r--r-- | README | 6 | ||||
| -rw-r--r-- | acarp.css | 10 |
2 files changed, 13 insertions, 3 deletions
@@ -117,6 +117,12 @@ def hello(name): </div> ``` +### Vertical Spacing +```html +<div class="vspace-large"></div> <!-- classes: tiny 0.5em, small 1em, medium 2em, large 3em, xlarge 4em, xxlarge 5em, vspace-6..10 (em) --> +<div style="height: 15em"></div> <!-- custom sizes: use this instead (consecutive vspace divs don't stack - margins collapse) --> +``` + ## Themes ## Customization @@ -312,7 +312,11 @@ section .math { Use these classes to add consistent spacing between content blocks. ============================================================================ */ -/* Vertical spacing utilities - add top margin */ +/* Vertical spacing utilities - add top margin. + For custom spacings, use an inline-height spacer div instead: + <div style="height: 15em"></div> + Note: consecutive vspace divs do NOT stack - adjacent margins collapse + to the larger value, so two .vspace-10 give 10em, not 20em. */ .vspace-tiny { margin-top: 0.5em !important; } .vspace-small { margin-top: 1em !important; } .vspace-medium { margin-top: 2em !important; } @@ -407,7 +411,7 @@ section.title > h1 { } section.title > h2 { - font-size: 1.2em !important; + font-size: 1.3em !important; color: #666; margin: 0.5em 0 0 0; padding: 0; @@ -418,7 +422,7 @@ section.title > h2 { section.title > h3 { font-size: 0.9em !important; font-weight: normal !important; - color: #666; + color: #888; margin: 0.5em 0 0 0; padding: 0; } |