69379ab0 |
!base_font_size ||= 16px
!small ||= floor(!base_font_size * .85)
!big ||= floor(!base_font_size * 1.25) |
8867d7c5 |
!base_font_color ||= #333 |
42251ddd |
!h6 = ceil(!base_font_size*1)
!h5 = ceil(!base_font_size*1)
!h4 = ceil(!base_font_size*1.2)
!h3 = ceil(!base_font_size*1.8)
!h2 = ceil(!base_font_size*2.8)
!h1 = ceil(!base_font_size*3.2) |
c94e6f53 |
=heading-font
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
=sans-font
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif
=serif-font |
6b9c3af4 |
font-family: Georgia, Times, "Times New Roman", serif |
c94e6f53 |
=fixed-font
font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace |
1eddd60a |
=mono-font
+fixed-font |
c94e6f53 |
=general-typography(!font_size = !base_font_size)
+set-heading-sizes(!font_size)
+typography-defaults(!font_size) |
d8d51719 |
=set-heading-sizes(!font_size = !base_font_size) |
dab38952 |
!h6 = ceil(!font_size*1)
!h5 = ceil(!font_size*1)
!h4 = ceil(!font_size*1.2)
!h3 = ceil(!font_size*1.8) |
42251ddd |
!h2 = ceil(!font_size*2.8)
!h1 = ceil(!font_size*3.2) |
d8d51719 |
h1, h2, h3, h4
&:first-child
margin-top: 0 |
dab38952 |
h1,h2,h3,h4,h5,h6
line-height: 1.1em
margin-bottom: .7em
margin-top: .3em |
d8d51719 |
h1
font-size= !h1
h2
font-size= !h2
h3
font-size= !h3
h4
font-size= !h4
h5
font-size= !h5
h6
font-size= !h6
=typography-defaults(!font_size = !base_font_size) |
c94e6f53 |
body |
dab38952 |
line-height: 1.45em |
8867d7c5 |
color= !base_font_color |
d8d51719 |
p |
c94e6f53 |
+p-style(!font_size) |
8867d7c5 |
table
+table-style(!font_size)
ol
+ol-style(!font_size)
ul
+ul-style(!font_size)
dl
+dl-style(!font_size)
blockquote
+quote-style |
f17271f6 |
q
font-style: italic
&:before
content: "\201C"
&:after
content: "\201D" |
c94e6f53 |
em, dfn |
d8d51719 |
font-style: italic |
c94e6f53 |
strong, dfn |
d8d51719 |
font-weight: bold |
c94e6f53 |
del
text-decoration: line-through |
d8d51719 |
span.highlight, em.highlight, strong.highlight
background-color: #ff6
padding: 2px
margin: 0 -2px |
c94e6f53 |
abbr, acronym
border-bottom: 1px dotted |
8867d7c5 |
cursor: help |
c94e6f53 |
address
margin-top= !font_size * 1.625
font-style: italic
pre, code, tt
+fixed-font
line-height= !font_size * 1.5
tt
display: block
margin= !font_size * 1.625 0 |
f17271f6 |
sub, sup
line-height: 0 |
c94e6f53 |
hr |
dab38952 |
margin-bottom: .2em |
69379ab0 |
small, .small |
d8d51719 |
font-size= floor(!font_size * .85) |
69379ab0 |
big, .big |
c94e6f53 |
font-size= floor(!font_size * 1.25)
|
8867d7c5 |
=ol-style(!font_size = !base_font_size) |
22a7564f |
list-style: inside decimal |
8867d7c5 |
margin= 0 0 !font_size * 1.625 |
22a7564f |
li ol
margin= 0 0 !font_size * 1.625 |
8867d7c5 |
=ul-style(!font_size = !base_font_size) |
543928a0 |
list-style: inside |
8867d7c5 |
margin= 0 0 !font_size * 1.625
li ul
margin= 0 0 !font_size * 1.625
=dl-style(!font_size = !base_font_size)
margin= 0 0 !font_size * 1.625
dt
font-weight: bold
dd
margin-left= !font_size * 1.625
=quote-style(!font_size = !base_font_size) |
f6367715 |
padding= !font_size*1.5 !font_size*1.5 !font_size * 1.5 !font_size * 1.8
position: relative
margin-bottom= !font_size * 0.8125 |
8867d7c5 |
&:before
content: "\201C"
font-size= !font_size * 3 |
f6367715 |
margin= 5px 0 0 -.525em |
8867d7c5 |
position: absolute
font-family: Times, Georgia, serif
line-height: 0
> p
padding: 0
margin: 0
|
c94e6f53 |
=p-style(!font_size = !base_font_size) |
dab38952 |
padding-bottom: 1.3em |
c94e6f53 |
img
float: left
margin:
top= !font_size * .5
right= !font_size * .8125
bottom= !font_size* .8125
left= 0
padding: 0
&.right
margin:
right= 0 |
8867d7c5 |
left= !font_size * .8125
=table-style(!font_size = !base_font_size)
margin= 0 0 !font_size * 1.625
border-collapse: collapse
th
font-weight: bold
tr, th, td
margin: 0
padding= 0 !font_size * 1.625 0 !font_size
tfoot
font-style: italic
caption
text-align: center |