repos / pico

commit

e018289

parent

37cc0bc

author

Eric Bower

date

2024-06-26 17:54:37 +0000 UTC

style: update smol.css

 1@@ -41,7 +41,7 @@
 2     --main-hue: 250;
 3     --white: #f2f2f2;
 4     --white-light: #f2f2f2;
 5-    --white-dark: #c6c6c6;
 6+    --white-dark: #e8e8e8;
 7     --code: #414558;
 8     --pre: #252525;
 9     --bg-color: #282a36;
10@@ -111,6 +111,21 @@ code {
11   padding: 0.1rem 0.3rem;
12 }
13 
14+.pill {
15+  border: 1px solid var(--link-color);
16+  color: var(--link-color);
17+}
18+
19+.pill-alert {
20+  border: 1px solid var(--hover);
21+  color: var(--hover);
22+}
23+
24+.pill-info {
25+  border: 1px solid var(--visited);
26+  color: var(--visited);
27+}
28+
29 pre {
30   font-size: 14px;
31   border-radius: 5px;
32@@ -126,6 +141,7 @@ small {
33 
34 summary {
35   display: list-item;
36+  cursor: pointer;
37 }
38 
39 h1,
40@@ -521,6 +537,16 @@ figure {
41   padding: 0;
42 }
43 
44+.px-2 {
45+  padding-left: 1rem;
46+  padding-right: 1rem;
47+}
48+
49+.px-4 {
50+  padding-left: 2rem;
51+  padding-right: 2rem;
52+}
53+
54 .py {
55   padding-top: 0.5rem;
56   padding-bottom: 0.5rem;
57@@ -699,6 +725,33 @@ figure {
58   padding: 0.5rem 0.75rem;
59 }
60 
61+.box-sm {
62+  border: 2px solid var(--grey-light);
63+  padding: 0.15rem 0.35rem;
64+}
65+
66+.box-alert {
67+  border: 2px solid var(--hover);
68+  padding: 0.5rem 0.75rem;
69+}
70+
71+.box-sm-alert {
72+  border: 2px solid var(--hover);
73+  padding: 0.15rem 0.35rem;
74+}
75+
76+.list-none {
77+  list-style-type: none;
78+}
79+
80+.list-disc {
81+  list-style-type: disc;
82+}
83+
84+.list-decimal {
85+  list-style-type: decimal;
86+}
87+
88 @media only screen and (max-width: 40em) {
89   body {
90     padding: 0 1rem;

 1@@ -41,7 +41,7 @@
 2     --main-hue: 250;
 3     --white: #f2f2f2;
 4     --white-light: #f2f2f2;
 5-    --white-dark: #c6c6c6;
 6+    --white-dark: #e8e8e8;
 7     --code: #414558;
 8     --pre: #252525;
 9     --bg-color: #282a36;
10@@ -111,6 +111,21 @@ code {
11   padding: 0.1rem 0.3rem;
12 }
13 
14+.pill {
15+  border: 1px solid var(--link-color);
16+  color: var(--link-color);
17+}
18+
19+.pill-alert {
20+  border: 1px solid var(--hover);
21+  color: var(--hover);
22+}
23+
24+.pill-info {
25+  border: 1px solid var(--visited);
26+  color: var(--visited);
27+}
28+
29 pre {
30   font-size: 14px;
31   border-radius: 5px;
32@@ -126,6 +141,7 @@ small {
33 
34 summary {
35   display: list-item;
36+  cursor: pointer;
37 }
38 
39 h1,
40@@ -521,6 +537,16 @@ figure {
41   padding: 0;
42 }
43 
44+.px-2 {
45+  padding-left: 1rem;
46+  padding-right: 1rem;
47+}
48+
49+.px-4 {
50+  padding-left: 2rem;
51+  padding-right: 2rem;
52+}
53+
54 .py {
55   padding-top: 0.5rem;
56   padding-bottom: 0.5rem;
57@@ -699,6 +725,33 @@ figure {
58   padding: 0.5rem 0.75rem;
59 }
60 
61+.box-sm {
62+  border: 2px solid var(--grey-light);
63+  padding: 0.15rem 0.35rem;
64+}
65+
66+.box-alert {
67+  border: 2px solid var(--hover);
68+  padding: 0.5rem 0.75rem;
69+}
70+
71+.box-sm-alert {
72+  border: 2px solid var(--hover);
73+  padding: 0.15rem 0.35rem;
74+}
75+
76+.list-none {
77+  list-style-type: none;
78+}
79+
80+.list-disc {
81+  list-style-type: disc;
82+}
83+
84+.list-decimal {
85+  list-style-type: decimal;
86+}
87+
88 @media only screen and (max-width: 40em) {
89   body {
90     padding: 0 1rem;