... | ... |
@@ -10,7 +10,7 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; |
10 | 10 |
.mono { font-family: $mono; } |
11 | 11 |
|
12 | 12 |
body > header h1 { |
13 |
- font-size: 2.6em; |
|
13 |
+ font-size: 2.2em; |
|
14 | 14 |
@extend .heading; |
15 | 15 |
font-weight: normal; |
16 | 16 |
line-height: 1.2em; |
... | ... |
@@ -22,6 +22,15 @@ body { |
22 | 22 |
color: $text-color; |
23 | 23 |
@extend .serif; |
24 | 24 |
} |
25 |
+h1 { |
|
26 |
+ font-size: 2.2em; |
|
27 |
+ line-height: 1.2em; |
|
28 |
+} |
|
29 |
+ |
|
30 |
+@media only screen and (min-width: 768px) { |
|
31 |
+ body { font-size: 1.15em; } |
|
32 |
+ h1 { font-size: 3em; line-height: 1.2em; } |
|
33 |
+} |
|
25 | 34 |
|
26 | 35 |
#{headings()}{ |
27 | 36 |
@extend .heading; |
... | ... |
@@ -29,13 +38,6 @@ body { |
29 | 29 |
margin-bottom: 1em; |
30 | 30 |
font-weight: bold; |
31 | 31 |
} |
32 |
-h1 { |
|
33 |
- font-size: 3.2em; |
|
34 |
- line-height: 1.2em; |
|
35 |
- @media only screen and (max-width: 768px) { font-size: 2.2em; } |
|
36 |
-} |
|
37 |
- |
|
38 |
- |
|
39 | 32 |
h2, section h1 { |
40 | 33 |
font-size: 1.5em; |
41 | 34 |
} |