aboutsummaryrefslogtreecommitdiff
path: root/docs/style.css
diff options
context:
space:
mode:
authorAkshay <[email protected]>2020-01-27 09:36:10 +0000
committerAkshay <[email protected]>2020-01-27 09:36:10 +0000
commit455357cd9fe344ebb0d0c15c546c414eb2d981c2 (patch)
tree39d27a42e362be2f467384812f8a3f2ef1eefe92 /docs/style.css
parentab6d72b78ef4ecb77715217b04aed09c0342a684 (diff)
reduce font requests, table align numbers
Diffstat (limited to 'docs/style.css')
-rw-r--r--docs/style.css40
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
37table {
38 width: 100%;
39 border-collapse: collapse;
40}
41
42td {
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
63details > summary {
64 list-style: none;
65}
66
67details > summary::-webkit-details-marker {
68 display: none;
69}
70
71summary: hover {
72 cursor: pointer;
73}
74
75hr { 72hr {
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 {