Mic92/blog
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

support for sub, sup, and q elements

Browse Source
This commit is contained in:
B Mathis 2009-10-21 08:21:05 -05:00
parent 8867d7c582
commit f17271f6e2
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
source/stylesheets/library/_typography.sass
View File

@ -72,6 +72,12 @@
+dl-style(!font_size) +dl-style(!font_size)
blockquote blockquote
+quote-style +quote-style
q
font-style: italic
&:before
content: "\201C"
&:after
content: "\201D"
em, dfn em, dfn
font-style: italic font-style: italic
strong, dfn strong, dfn
@ -97,6 +103,8 @@
tt tt
display: block display: block
margin= !font_size * 1.625 0 margin= !font_size * 1.625 0
sub, sup
line-height: 0
hr hr
margin-bottom= !font_size * 1.625 margin-bottom= !font_size * 1.625

8
source/typography.haml
View File

@ -21,13 +21,21 @@ title: Typography Debug
Aliquam arcu. Phasellus vulputate. Integer sem diam, mattis vel, viverra ullamcorper, ultricies quis, nisl. Sed Aliquam arcu. Phasellus vulputate. Integer sem diam, mattis vel, viverra ullamcorper, ultricies quis, nisl. Sed
sollicitudin quam ut nisi. Vivamus velit sapien, volutpat eu, faucibus id, nonummy id, urna. sollicitudin quam ut nisi. Vivamus velit sapien, volutpat eu, faucibus id, nonummy id, urna.
%p %p
Take it<sub>2</sub> to the power of<sup>3</sup>
Praesent iaculis pellentesque est. Nulla facilisi. Etiam fringilla vehicula orci. Aliquam fermentum ipsum id Praesent iaculis pellentesque est. Nulla facilisi. Etiam fringilla vehicula orci. Aliquam fermentum ipsum id
nulla. Aliquam interdum laoreet leo. Cras accumsan. Nam pharetra diam id nunc. Integer blandit tellus vulputate nulla. Aliquam interdum laoreet leo. Cras accumsan. Nam pharetra diam id nunc. Integer blandit tellus vulputate
felis. Cras aliquam, eros in euismod aliquam, enim nisl mollis metus, quis fringilla ipsum diam ut pede. Mauris a felis. Cras aliquam, eros in euismod aliquam, enim nisl mollis metus, quis fringilla ipsum diam ut pede. Mauris a
libero ac velit interdum pulvinar. Nunc ipsum mauris, semper rhoncus, feugiat ut, egestas id, diam. Nullam libero ac velit interdum pulvinar. Nunc ipsum mauris, semper rhoncus, feugiat ut, egestas id, diam. Nullam
porttitor condimentum risus. Vivamus nec enim eget nisi commodo euismod. Ut turpis. Nullam malesuada rutrum porttitor condimentum risus. Vivamus nec enim eget nisi commodo euismod. Ut turpis. Nullam malesuada rutrum
neque. Nam sodales porta elit. Mauris mollis nisl vel augue. neque. Nam sodales porta elit. Mauris mollis nisl vel augue.
%p
And we were like <q>Woah</q>, and he was like <q>Woah</q>, and they were like <q>WOAH!</q>
%p
%abbr(title="For The Win!") FTW! %abbr(title="For The Win!") FTW!
%p
%h3 Unordered lists %h3 Unordered lists
%ul %ul