improved typography and added blog styles for metadata

This commit is contained in:
B Mathis 2010-03-10 12:25:35 -06:00
parent e0b4225887
commit dab3895299
3 changed files with 33 additions and 27 deletions

View File

@ -17,6 +17,8 @@ h1,h2,h3,h4,h5,h6
color: #333 color: #333
font-weight: bold font-weight: bold
+heading-font +heading-font
h1,h2,h3,h4
letter-spacing: -1px letter-spacing: -1px
blockquote blockquote

View File

@ -25,43 +25,35 @@
+typography-defaults(!font_size) +typography-defaults(!font_size)
=set-heading-sizes(!font_size = !base_font_size) =set-heading-sizes(!font_size = !base_font_size)
!h6 = ceil(!font_size*1.3) !h6 = ceil(!font_size*1)
!h5 = ceil(!font_size*1.4) !h5 = ceil(!font_size*1)
!h4 = ceil(!font_size*1.7) !h4 = ceil(!font_size*1.2)
!h3 = ceil(!font_size*1.9) !h3 = ceil(!font_size*1.8)
!h2 = ceil(!font_size*2.2) !h2 = ceil(!font_size*3)
!h1 = ceil(!font_size*2.5) !h1 = ceil(!font_size*3.5)
h1, h2, h3, h4 h1, h2, h3, h4
&:first-child &:first-child
margin-top: 0 margin-top: 0
h1,h2,h3,h4,h5,h6
line-height: 1.1em
margin-bottom: .7em
margin-top: .3em
h1 h1
font-size= !h1 font-size= !h1
margin-bottom= !font_size * .765
line-height= !h1 * 1.625
h2 h2
font-size= !h2 font-size= !h2
margin-bottom= !font_size * .855
line-height= !h2 * 1.625
h3 h3
font-size= !h3 font-size= !h3
margin-bottom= !font_size * .956
line-height= !h3 * 1.625
h4 h4
font-size= !h4 font-size= !h4
margin-bottom= !font_size * 1.161
line-height= !h4 * 1.625
h5 h5
font-size= !h5 font-size= !h5
margin-bottom= !font_size * 1.238
line-height= !h5 * 1.625
h6 h6
font-size= !h6 font-size= !h6
margin-bottom= !font_size * 1.625
line-height= !h6 * 1.625
=typography-defaults(!font_size = !base_font_size) =typography-defaults(!font_size = !base_font_size)
body body
line-height: 1.625em line-height: 1.45em
color= !base_font_color color= !base_font_color
p p
+p-style(!font_size) +p-style(!font_size)
@ -97,9 +89,6 @@
address address
margin-top= !font_size * 1.625 margin-top= !font_size * 1.625
font-style: italic font-style: italic
pre, code
margin= !font_size * 1.625 0
white-space: pre
pre, code, tt pre, code, tt
+fixed-font +fixed-font
line-height= !font_size * 1.5 line-height= !font_size * 1.5
@ -109,8 +98,7 @@
sub, sup sub, sup
line-height: 0 line-height: 0
hr hr
margin-bottom= !font_size * 1.625 margin-bottom: .2em
small, .small small, .small
font-size= floor(!font_size * .85) font-size= floor(!font_size * .85)
big, .big big, .big
@ -151,7 +139,7 @@
margin: 0 margin: 0
=p-style(!font_size = !base_font_size) =p-style(!font_size = !base_font_size)
padding-bottom= !font_size * 0.8125 padding-bottom: 1.3em
img img
float: left float: left
margin: margin:

View File

@ -1,8 +1,24 @@
.blog .blog
h2
padding-top: 0
margin-bottom: .1em
.title
text-decoration: none
&:hover
text-decoration: underline
.article .article
padding= !base_font_size * 1.5 0 !base_font_size * 1.5 padding= !base_font_size * 1.5 0 !base_font_size * 1.5
border-bottom= "1px solid" !article_border border-bottom= "1px solid" !article_border
&:first-child &:first-child
padding-top: 0 padding-top: 0
.footer #disqus_thread
padding-top= !base_font_size padding-top= !base_font_size
.meta
+sans-font
border-bottom: 1px dashed #ddd
text-transform: uppercase
color: #777
padding: 8px 0 5px
margin-bottom: 1.5em
font-size: 75%
letter-spacing: 1px