| 76b8b8ca |
$base-font-size: 16px !default
$small: floor($base-font-size * 0.85) !default
$big: floor($base-font-size * 1.25) !default
$base-font-color: #333333 !default
$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 |
|
| 76b8b8ca |
=heading-font |
| c94e6f53 |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif |
| 76b8b8ca |
|
| c94e6f53 |
=sans-font
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif |
| 76b8b8ca |
|
| c94e6f53 |
=serif-font |
| 6b9c3af4 |
font-family: Georgia, Times, "Times New Roman", serif |
| 76b8b8ca |
|
| c94e6f53 |
=fixed-font
font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace |
| 76b8b8ca |
|
| 1eddd60a |
=mono-font
+fixed-font |
| c94e6f53 |
|
| 76b8b8ca |
=general-typography($font-size: $base-font-size)
+set-heading-sizes($font-size)
+typography-defaults($font-size) |
| d8d51719 |
|
| 76b8b8ca |
=set-heading-sizes($font-size: $base-font-size)
$h6: ceil($font-size * 1)
$h5: ceil($font-size * 1)
$h4: ceil($font-size * 1.2)
$h3: ceil($font-size * 1.8)
$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 |
| 76b8b8ca |
margin-bottom: 0.7em
margin-top: 0.3em |
| d8d51719 |
h1 |
| 76b8b8ca |
font-size: $h1 |
| d8d51719 |
h2 |
| 76b8b8ca |
font-size: $h2 |
| d8d51719 |
h3 |
| 76b8b8ca |
font-size: $h3 |
| d8d51719 |
h4 |
| 76b8b8ca |
font-size: $h4 |
| d8d51719 |
h5 |
| 76b8b8ca |
font-size: $h5 |
| d8d51719 |
h6 |
| 76b8b8ca |
font-size: $h6 |
| d8d51719 |
|
| 76b8b8ca |
=typography-defaults($font-size: $base-font-size) |
| c94e6f53 |
body |
| dab38952 |
line-height: 1.45em |
| 76b8b8ca |
color: $base-font-color |
| d8d51719 |
p |
| 76b8b8ca |
+p-style($font-size) |
| 8867d7c5 |
table |
| 76b8b8ca |
+table-style($font-size) |
| 8867d7c5 |
ol |
| 76b8b8ca |
+ol-style($font-size) |
| 8867d7c5 |
ul |
| 76b8b8ca |
+ul-style($font-size) |
| 8867d7c5 |
dl |
| 76b8b8ca |
+dl-style($font-size) |
| 8867d7c5 |
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 |
| 76b8b8ca |
background-color: #ffff66 |
| d8d51719 |
padding: 2px
margin: 0 -2px |
| c94e6f53 |
abbr, acronym
border-bottom: 1px dotted |
| 8867d7c5 |
cursor: help |
| c94e6f53 |
address |
| 76b8b8ca |
margin-top: $font-size * 1.625 |
| c94e6f53 |
font-style: italic
pre, code, tt
+fixed-font |
| 76b8b8ca |
line-height: $font-size * 1.5 |
| c94e6f53 |
tt
display: block |
| 76b8b8ca |
margin: $font-size * 1.625 0 |
| f17271f6 |
sub, sup
line-height: 0 |
| c94e6f53 |
hr |
| 76b8b8ca |
margin-bottom: 0.2em |
| 69379ab0 |
small, .small |
| 76b8b8ca |
font-size: floor($font-size * 0.85) |
| 69379ab0 |
big, .big |
| 76b8b8ca |
font-size: floor($font-size * 1.25) |
| c94e6f53 |
|
| 76b8b8ca |
=ol-style($font-size: $base-font-size) |
| 22a7564f |
list-style: inside decimal |
| 76b8b8ca |
margin: 0 0 $font-size * 1.625 |
| 22a7564f |
li ol |
| 76b8b8ca |
margin: 0 0 $font-size * 1.625
=ul-style($font-size: $base-font-size) |
| 543928a0 |
list-style: inside |
| 76b8b8ca |
margin: 0 0 $font-size * 1.625 |
| 8867d7c5 |
li ul |
| 76b8b8ca |
margin: 0 0 $font-size * 1.625
=dl-style($font-size: $base-font-size)
margin: 0 0 $font-size * 1.625 |
| 8867d7c5 |
dt
font-weight: bold
dd |
| 76b8b8ca |
margin-left: $font-size * 1.625 |
| 8867d7c5 |
|
| 76b8b8ca |
=quote-style($font-size: $base-font-size)
padding: $font-size * 1.5 $font-size * 1.5 $font-size * 1.5 $font-size * 1.8 |
| f6367715 |
position: relative |
| 76b8b8ca |
margin-bottom: $font-size * 0.813 |
| 8867d7c5 |
&:before
content: "\201C" |
| 76b8b8ca |
font-size: $font-size * 3
margin: 5px 0 0 -0.525em |
| 8867d7c5 |
position: absolute
font-family: Times, Georgia, serif
line-height: 0
> p
padding: 0
margin: 0 |
| 76b8b8ca |
=p-style($font-size: $base-font-size) |
| dab38952 |
padding-bottom: 1.3em |
| c94e6f53 |
img
float: left
margin: |
| 76b8b8ca |
top: $font-size * 0.5
right: $font-size * 0.813
bottom: $font-size * 0.813
left: 0 |
| c94e6f53 |
padding: 0
&.right
margin: |
| 76b8b8ca |
right: 0
left: $font-size * 0.813 |
| 8867d7c5 |
|
| 76b8b8ca |
=table-style($font-size: $base-font-size)
margin: 0 0 $font-size * 1.625 |
| 8867d7c5 |
border-collapse: collapse
th
font-weight: bold
tr, th, td
margin: 0 |
| 76b8b8ca |
padding: 0 $font-size * 1.625 0 $font-size |
| 8867d7c5 |
tfoot
font-style: italic
caption |
| 76b8b8ca |
text-align: center |