diff options
author | NerdyPepper <[email protected]> | 2019-07-30 10:22:32 +0100 |
---|---|---|
committer | NerdyPepper <[email protected]> | 2019-07-30 10:22:32 +0100 |
commit | f1087bb9ef23c8169a9dfe667cdabfc90b7ac278 (patch) | |
tree | a4cfe83446c3171594907df46d25822cf6a4b1f7 /docs | |
parent | 5a195abcbbdd0e8d299fc32ee861ae665cedb23a (diff) |
responsive fonts toO!
Diffstat (limited to 'docs')
-rw-r--r-- | docs/style.css | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/docs/style.css b/docs/style.css index c303fa9..9288824 100644 --- a/docs/style.css +++ b/docs/style.css | |||
@@ -11,12 +11,15 @@ body { | |||
11 | font-family: sans; | 11 | font-family: sans; |
12 | background-color: var(--white); | 12 | background-color: var(--white); |
13 | color: var(--black); | 13 | color: var(--black); |
14 | font-size: 18px; | ||
15 | padding: 0; | 14 | padding: 0; |
16 | padding-top: 2rem; | 15 | padding-top: 2rem; |
17 | text-align: center; | 16 | text-align: center; |
18 | } | 17 | } |
19 | 18 | ||
19 | html { | ||
20 | font-size: 38px; | ||
21 | } | ||
22 | |||
20 | .posts { | 23 | .posts { |
21 | width: 100%; | 24 | width: 100%; |
22 | } | 25 | } |
@@ -25,6 +28,9 @@ body { | |||
25 | .posts { | 28 | .posts { |
26 | width: 60%; | 29 | width: 60%; |
27 | } | 30 | } |
31 | html { | ||
32 | font-size: 18px; | ||
33 | } | ||
28 | } | 34 | } |
29 | 35 | ||
30 | .posts { | 36 | .posts { |
@@ -67,7 +73,7 @@ hr { | |||
67 | margin:0 auto; | 73 | margin:0 auto; |
68 | color: var(--white); | 74 | color: var(--white); |
69 | text-align: center; | 75 | text-align: center; |
70 | font-size: 120px; | 76 | font-size: 6rem; |
71 | font-family: 'Iosevka Term', sans-serif; | 77 | font-family: 'Iosevka Term', sans-serif; |
72 | text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink); | 78 | text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink); |
73 | line-height: 8.5rem; | 79 | line-height: 8.5rem; |
@@ -96,10 +102,11 @@ a:hover, a:active { | |||
96 | text-decoration: none; | 102 | text-decoration: none; |
97 | color: var(--light-black); | 103 | color: var(--light-black); |
98 | text-shadow: none; | 104 | text-shadow: none; |
105 | font-size: 0.8rem; | ||
99 | } | 106 | } |
100 | 107 | ||
101 | .post-text { | 108 | .post-text { |
102 | font-size: 14px; | 109 | font-size: 0.8rem; |
103 | } | 110 | } |
104 | 111 | ||
105 | pre, code { | 112 | pre, code { |