diff options
author | Akshay <[email protected]> | 2020-01-27 09:36:10 +0000 |
---|---|---|
committer | Akshay <[email protected]> | 2020-01-27 09:36:10 +0000 |
commit | 455357cd9fe344ebb0d0c15c546c414eb2d981c2 (patch) | |
tree | 39d27a42e362be2f467384812f8a3f2ef1eefe92 /docs/style.css | |
parent | ab6d72b78ef4ecb77715217b04aed09c0342a684 (diff) |
reduce font requests, table align numbers
Diffstat (limited to 'docs/style.css')
-rw-r--r-- | docs/style.css | 40 |
1 files changed, 12 insertions, 28 deletions
diff --git a/docs/style.css b/docs/style.css index 6bcdac5..c7347a0 100644 --- a/docs/style.css +++ b/docs/style.css | |||
@@ -13,7 +13,7 @@ body { font-family: 'Inter', sans-serif; } | |||
13 | @supports (font-variation-settings: normal) { | 13 | @supports (font-variation-settings: normal) { |
14 | body { | 14 | body { |
15 | font-family: 'Inter var', sans-serif; | 15 | font-family: 'Inter var', sans-serif; |
16 | font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'cv05' 1; | 16 | font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'cv05' 1, 'tnum' 1; |
17 | } | 17 | } |
18 | } | 18 | } |
19 | 19 | ||
@@ -34,6 +34,15 @@ html { | |||
34 | width: 40%; | 34 | width: 40%; |
35 | } | 35 | } |
36 | 36 | ||
37 | table { | ||
38 | width: 100%; | ||
39 | border-collapse: collapse; | ||
40 | } | ||
41 | |||
42 | td { | ||
43 | padding: 0.7rem 0; | ||
44 | } | ||
45 | |||
37 | /* mobile devices */ | 46 | /* mobile devices */ |
38 | @media only screen and (max-width: 70em) { | 47 | @media only screen and (max-width: 70em) { |
39 | .posts { | 48 | .posts { |
@@ -60,24 +69,11 @@ img { | |||
60 | border-radius: 4px; | 69 | border-radius: 4px; |
61 | } | 70 | } |
62 | 71 | ||
63 | details > summary { | ||
64 | list-style: none; | ||
65 | } | ||
66 | |||
67 | details > summary::-webkit-details-marker { | ||
68 | display: none; | ||
69 | } | ||
70 | |||
71 | summary: hover { | ||
72 | cursor: pointer; | ||
73 | } | ||
74 | |||
75 | hr { | 72 | hr { |
76 | color: var(--dark-white); | 73 | color: var(--dark-white); |
77 | } | 74 | } |
78 | 75 | ||
79 | .date { | 76 | .date { |
80 | font-feature-settings: 'ss01' 1, 'kern' 1; | ||
81 | font-weight: 400; | 77 | font-weight: 400; |
82 | font-size: 0.8rem; | 78 | font-size: 0.8rem; |
83 | color: var(--light-black); | 79 | color: var(--light-black); |
@@ -90,21 +86,11 @@ hr { | |||
90 | border-top: 2px solid var(--dark-white); | 86 | border-top: 2px solid var(--dark-white); |
91 | } | 87 | } |
92 | 88 | ||
93 | .black-circle { | ||
94 | margin:0 auto; | ||
95 | width: 10rem; | ||
96 | height: 10rem; | ||
97 | border: 0px solid transparent; | ||
98 | border-radius: 50%; | ||
99 | background-color: var(--black); | ||
100 | } | ||
101 | |||
102 | .heading { | 89 | .heading { |
103 | margin: 0 auto; | 90 | margin: 0 auto; |
104 | color: var(--black); | 91 | color: var(--black); |
105 | text-align: center; | 92 | text-align: center; |
106 | font-size: 6rem; | 93 | font-size: 6rem; |
107 | font-family: 'Inter var'; | ||
108 | text-shadow: 0.25rem 0rem var(--pink), -0.25rem 0rem var(--cyan); | 94 | text-shadow: 0.25rem 0rem var(--pink), -0.25rem 0rem var(--cyan); |
109 | line-height: 5rem; | 95 | line-height: 5rem; |
110 | font-weight: 800; | 96 | font-weight: 800; |
@@ -125,7 +111,7 @@ a, a:hover, a:visited, a:active { | |||
125 | 111 | ||
126 | .post-link, .post-link:hover, .post-link:visited, .post-link:active { | 112 | .post-link, .post-link:hover, .post-link:visited, .post-link:active { |
127 | color: var(--black); | 113 | color: var(--black); |
128 | font-weight: 650; | 114 | font-weight: 600; |
129 | font-size: 1.1rem; | 115 | font-size: 1.1rem; |
130 | text-decoration: none; | 116 | text-decoration: none; |
131 | } | 117 | } |
@@ -183,18 +169,16 @@ pre > code { | |||
183 | 169 | ||
184 | .stats { | 170 | .stats { |
185 | float: right; | 171 | float: right; |
172 | text-align: right; | ||
186 | color: var(--light-black); | 173 | color: var(--light-black); |
187 | } | 174 | } |
188 | 175 | ||
189 | .stats-number { | 176 | .stats-number { |
190 | font-size: 0.8rem; | 177 | font-size: 0.8rem; |
191 | font-family: 'Inter var', Monospace; | ||
192 | font-feature-settings: 'ss01' 1, 'kern' 1; | ||
193 | } | 178 | } |
194 | 179 | ||
195 | .stats-unit { | 180 | .stats-unit { |
196 | font-size: 0.6rem; | 181 | font-size: 0.6rem; |
197 | font-family: 'Inter var'; | ||
198 | } | 182 | } |
199 | 183 | ||
200 | .footer { | 184 | .footer { |