Generate headlines
To generate the headline styles for H1 – H6 you can use a loop: @for $i from 1 through 6 { h#{$i} { font-size: 2.5em – (0.2em * $i); } }
To generate the headline styles for H1 – H6 you can use a loop: @for $i from 1 through 6 { h#{$i} { font-size: 2.5em – (0.2em * $i); } }
You can use this CSS for styling quotes: blockquote { background: url(quote_top.gif) top no-repeat; width: 168px; float: right; } blockquote p { background: url(quote_bottom.gif) bottom no-repeat; padding: 20px 15px; font-size: 10px; } Blockquote_demo contains a short example.