1 | /* |
---|
2 | Configuration |
---|
3 | */ |
---|
4 | @font-size: 12px; |
---|
5 | @font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; |
---|
6 | @font-family-mono: 'Lucida Console', 'Courier New', Monospace; |
---|
7 | @text-indent: 25px; |
---|
8 | @line-height: 1.6em; |
---|
9 | @margin-bottom: 1.6em; |
---|
10 | @color: #666666; |
---|
11 | @background-color:#FFFFFF; |
---|
12 | |
---|
13 | @demi-line-height : @line-height / 2; |
---|
14 | @minus-demi-line-height : @demi-line-height * -1; |
---|
15 | @minus-text-indent : @text-indent * -1; |
---|
16 | @demi-text-indent : @text-indent / 2; |
---|
17 | @demi-margin-bottom : @margin-bottom / 2; |
---|
18 | @quart-margin-bottom : @margin-bottom / 4; |
---|
19 | |
---|
20 | @h1-font-size: 3.4em; |
---|
21 | @h1-margin-bottom: @line-height / @h1-font-size; |
---|
22 | @h1-line-height: @h1-margin-bottom * 3; |
---|
23 | @h2-font-size: (@line-height + @h1-font-size) / 2; |
---|
24 | @h2-margin-bottom : @line-height / @h2-font-size; |
---|
25 | @h2-line-height: @h2-margin-bottom * 2; |
---|
26 | @h3-font-size: 2em; |
---|
27 | @h3-margin-bottom : @line-height / @h3-font-size; |
---|
28 | @h3-line-height: @h3-margin-bottom * 2; |
---|
29 | @h4-font-size: (@line-height + 1) / 2; |
---|
30 | @h4-margin-bottom : @line-height / @h4-font-size; |
---|
31 | @h4-line-height: @h4-margin-bottom; |
---|
32 | |
---|
33 | .typo_standard { |
---|
34 | /* Configuration */ |
---|
35 | font-size:@font-size/*@font-size*/; |
---|
36 | font-family:@font-family/*@font-family*/; |
---|
37 | text-indent:@text-indent/*@text-indent*/; |
---|
38 | line-height:@line-height/*@line-height*/; |
---|
39 | margin-bottom:@margin-bottom/*@margin-bottom*/; |
---|
40 | color:@color/*@color*/; |
---|
41 | background-color:@background-color/*@background-color*/; |
---|
42 | |
---|
43 | } |
---|
44 | .typo_mono { |
---|
45 | font-family:@font-family-mono/*@font-family-mono*/; |
---|
46 | } |
---|