|
@ -1,5 +1,6 @@ |
|
|
!base_font_size ||= 14px |
|
|
!base_font_size ||= 14px |
|
|
!base_font_size_small ||= 12px |
|
|
!base_font_size_small ||= 12px |
|
|
|
|
|
!base_font_color ||= #333 |
|
|
!h6 = ceil(!base_font_size*1.3) |
|
|
!h6 = ceil(!base_font_size*1.3) |
|
|
!h5 = ceil(!base_font_size*1.4) |
|
|
!h5 = ceil(!base_font_size*1.4) |
|
|
!h4 = ceil(!base_font_size*1.7) |
|
|
!h4 = ceil(!base_font_size*1.7) |
|
@ -58,8 +59,19 @@ |
|
|
=typography-defaults(!font_size = !base_font_size) |
|
|
=typography-defaults(!font_size = !base_font_size) |
|
|
body |
|
|
body |
|
|
line-height= ceil(!font_size * 1.625) |
|
|
line-height= ceil(!font_size * 1.625) |
|
|
|
|
|
color= !base_font_color |
|
|
p |
|
|
p |
|
|
+p-style(!font_size) |
|
|
+p-style(!font_size) |
|
|
|
|
|
table |
|
|
|
|
|
+table-style(!font_size) |
|
|
|
|
|
ol |
|
|
|
|
|
+ol-style(!font_size) |
|
|
|
|
|
ul |
|
|
|
|
|
+ul-style(!font_size) |
|
|
|
|
|
dl |
|
|
|
|
|
+dl-style(!font_size) |
|
|
|
|
|
blockquote |
|
|
|
|
|
+quote-style |
|
|
em, dfn |
|
|
em, dfn |
|
|
font-style: italic |
|
|
font-style: italic |
|
|
strong, dfn |
|
|
strong, dfn |
|
@ -70,42 +82,52 @@ |
|
|
background-color: #ff6 |
|
|
background-color: #ff6 |
|
|
padding: 2px |
|
|
padding: 2px |
|
|
margin: 0 -2px |
|
|
margin: 0 -2px |
|
|
ol li |
|
|
abbr, acronym |
|
|
|
|
|
border-bottom: 1px dotted |
|
|
|
|
|
cursor: help |
|
|
|
|
|
address |
|
|
|
|
|
margin-top= !font_size * 1.625 |
|
|
|
|
|
font-style: italic |
|
|
|
|
|
pre, code |
|
|
|
|
|
margin= !font_size * 1.625 0 |
|
|
|
|
|
white-space: pre |
|
|
|
|
|
pre, code, tt |
|
|
|
|
|
+fixed-font |
|
|
|
|
|
line-height= !font_size * 1.5 |
|
|
|
|
|
tt |
|
|
|
|
|
display: block |
|
|
|
|
|
margin= !font_size * 1.625 0 |
|
|
|
|
|
hr |
|
|
|
|
|
margin-bottom= !font_size * 1.625 |
|
|
|
|
|
|
|
|
|
|
|
small |
|
|
|
|
|
font-size= floor(!font_size * .85) |
|
|
|
|
|
big |
|
|
|
|
|
font-size= floor(!font_size * 1.25) |
|
|
|
|
|
|
|
|
|
|
|
=ol-style(!font_size = !base_font_size) |
|
|
|
|
|
list-style: outside |
|
|
|
|
|
margin= 0 0 !font_size * 1.625 |
|
|
|
|
|
li |
|
|
list-style: decimal |
|
|
list-style: decimal |
|
|
ul, ol |
|
|
ol |
|
|
|
|
|
margin= 0 0 !font_size * 1.625 |
|
|
|
|
|
|
|
|
|
|
|
=ul-style(!font_size = !base_font_size) |
|
|
list-style: outside |
|
|
list-style: outside |
|
|
margin= 0 0 !font_size * 1.625 |
|
|
margin= 0 0 !font_size * 1.625 |
|
|
li ul, li ol |
|
|
li ul |
|
|
margin= 0 0 !font_size * 1.625 |
|
|
margin= 0 0 !font_size * 1.625 |
|
|
dl |
|
|
|
|
|
|
|
|
=dl-style(!font_size = !base_font_size) |
|
|
margin= 0 0 !font_size * 1.625 |
|
|
margin= 0 0 !font_size * 1.625 |
|
|
dt |
|
|
dt |
|
|
font-weight: bold |
|
|
font-weight: bold |
|
|
dd |
|
|
dd |
|
|
margin-left= !font_size * 1.625 |
|
|
margin-left= !font_size * 1.625 |
|
|
table |
|
|
|
|
|
margin= 0 0 !font_size * 1.625 |
|
|
|
|
|
border-collapse: collapse |
|
|
|
|
|
th |
|
|
|
|
|
font-weight: bold |
|
|
|
|
|
tr, th, td |
|
|
|
|
|
margin: 0 |
|
|
|
|
|
margin= 0 !font_size * 1.625 0 !font_size |
|
|
|
|
|
tfoot |
|
|
|
|
|
font-style: italic |
|
|
|
|
|
caption |
|
|
|
|
|
text-align: center |
|
|
|
|
|
abbr, acronym |
|
|
|
|
|
border-bottom: 1px dotted |
|
|
|
|
|
address |
|
|
|
|
|
margin-top= !font_size * 1.625 |
|
|
|
|
|
font-style: italic |
|
|
|
|
|
|
|
|
|
|
|
blockquote |
|
|
=quote-style(!font_size = !base_font_size) |
|
|
padding= !font_size !font_size !font_size * 1.625 !font_size * 1.4 |
|
|
padding= !font_size !font_size !font_size * 1.625 !font_size * 1.4 |
|
|
+serif-font |
|
|
|
|
|
font-size= !font_size * 1.2 |
|
|
|
|
|
font-style: italic |
|
|
|
|
|
&:before |
|
|
&:before |
|
|
content: "\201C" |
|
|
content: "\201C" |
|
|
font-size= !font_size * 3 |
|
|
font-size= !font_size * 3 |
|
@ -117,23 +139,6 @@ |
|
|
> p |
|
|
> p |
|
|
padding: 0 |
|
|
padding: 0 |
|
|
margin: 0 |
|
|
margin: 0 |
|
|
pre, code |
|
|
|
|
|
margin= !font_size * 1.625 0 |
|
|
|
|
|
white-space: pre |
|
|
|
|
|
pre, code, tt |
|
|
|
|
|
+fixed-font |
|
|
|
|
|
font-size= !font_size |
|
|
|
|
|
line-height= !font_size * 1.5 |
|
|
|
|
|
tt |
|
|
|
|
|
display: block |
|
|
|
|
|
margin= !font_size * 1.625 0 |
|
|
|
|
|
hr |
|
|
|
|
|
margin-bottom= !font_size * 1.625 |
|
|
|
|
|
|
|
|
|
|
|
small |
|
|
|
|
|
font-size= floor(!font_size * .85) |
|
|
|
|
|
big |
|
|
|
|
|
font-size= floor(!font_size * 1.25) |
|
|
|
|
|
|
|
|
|
|
|
=p-style(!font_size = !base_font_size) |
|
|
=p-style(!font_size = !base_font_size) |
|
|
padding-bottom= !font_size * 0.8125 |
|
|
padding-bottom= !font_size * 0.8125 |
|
@ -149,3 +154,16 @@ |
|
|
margin: |
|
|
margin: |
|
|
right= 0 |
|
|
right= 0 |
|
|
left= !font_size * .8125 |
|
|
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 |