- commit
- 3dd7714
- parent
- ee1d776
- author
- Eric Bower
- date
- 2025-05-03 12:55:01 -0400 EDT
chore(prose): css tweaks
3 files changed,
+43,
-137
M
Makefile
+5,
-5
1@@ -10,14 +10,14 @@ DOCKER_BUILDX_BUILD?=$(DOCKER_CMD) buildx build --push --platform $(DOCKER_PLATF
2 WRITE?=0
3
4 smol:
5- curl https://pico.sh/smol.css -o ./prose/public/smol-v2.css
6- cat ./prose/artifacts/main.css >> ./prose/public/smol-v2.css
7- curl https://pico.sh/smol.css -o ./pastes/public/smol.css
8+ curl https://pico.sh/smol.css -o ./pkg/apps/prose/public/smol-v2.css
9+ cat ./pkg/apps/prose/artifacts/main.css >> ./pkg/apps/prose/public/smol-v2.css
10+ curl https://pico.sh/smol.css -o ./pkg/apps/pastes/public/smol.css
11 .PHONY: smol
12
13 css:
14- cp ./syntax.css pastes/public/syntax.css
15- cp ./syntax.css prose/public/syntax.css
16+ cp ./syntax.css ./pkg/apps/pastes/public/syntax.css
17+ cp ./syntax.css ./pkg/apps/prose/public/syntax.css
18 .PHONY: css
19
20 lint:
+19,
-66
1@@ -63,9 +63,22 @@ html {
2 color: var(--text-color);
3 font-size: 16px;
4 line-height: var(--line-height);
5- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
6- Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
7- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
8+ font-family:
9+ -apple-system,
10+ BlinkMacSystemFont,
11+ "Segoe UI",
12+ Roboto,
13+ Oxygen,
14+ Ubuntu,
15+ Cantarell,
16+ "Fira Sans",
17+ "Droid Sans",
18+ "Helvetica Neue",
19+ Arial,
20+ sans-serif,
21+ "Apple Color Emoji",
22+ "Segoe UI Emoji",
23+ "Segoe UI Symbol";
24 -webkit-text-size-adjust: 100%;
25 -moz-tab-size: 4;
26 -o-tab-size: 4;
27@@ -227,7 +240,6 @@ ul[style*="list-style-type: none;"] {
28
29 ol {
30 padding: 0 0 0 var(--line-height);
31- list-style-position: inside;
32 list-style-type: decimal;
33 margin: var(--line-height) 0;
34 }
35@@ -289,13 +301,6 @@ sup {
36 width: 100%;
37 }
38
39-.container-center {
40- width: 100%;
41- height: 100%;
42- display: flex;
43- justify-content: center;
44-}
45-
46 .mono {
47 font-family: monospace;
48 }
49@@ -350,18 +355,10 @@ sup {
50 font-size: 0.8rem;
51 }
52
53-.cursor-pointer {
54- cursor: pointer;
55-}
56-
57 .w-full {
58 width: 100%;
59 }
60
61-.h-full {
62- height: 100%;
63-}
64-
65 .border {
66 border: 2px solid var(--grey-light);
67 }
68@@ -403,14 +400,6 @@ sup {
69 max-width: 50%;
70 }
71
72-.h-screen {
73- height: 100vh;
74-}
75-
76-.w-screen {
77- width: 100vw;
78-}
79-
80 .flex {
81 display: flex;
82 }
83@@ -463,18 +452,10 @@ sup {
84 margin-right: 0.5rem;
85 }
86
87-.ml-sm {
88- margin-left: 0.25rem;
89-}
90-
91 .ml {
92 margin-left: 0.5rem;
93 }
94
95-.pt-0 {
96- padding-top: 0;
97-}
98-
99 .my {
100 margin-top: var(--grid-height);
101 margin-bottom: var(--grid-height);
102@@ -490,24 +471,6 @@ sup {
103 margin-bottom: calc(var(--line-height) * 2);
104 }
105
106-.mx {
107- margin-left: 0.5rem;
108- margin-right: 0.5rem;
109-}
110-
111-.mx-2 {
112- margin-left: 1rem;
113- margin-right: 1rem;
114-}
115-
116-.m-1 {
117- margin: var(--grid-height);
118-}
119-
120-.p-1 {
121- padding: var(--grid-height);
122-}
123-
124 .p-0 {
125 padding: 0;
126 }
127@@ -517,11 +480,6 @@ sup {
128 padding-right: 0.5rem;
129 }
130
131-.px-2 {
132- padding-left: 1rem;
133- padding-right: 1rem;
134-}
135-
136 .px-4 {
137 padding-left: 2rem;
138 padding-right: 2rem;
139@@ -532,11 +490,6 @@ sup {
140 padding-bottom: var(--grid-height);
141 }
142
143-.py-2 {
144- padding-top: var(--line-height);
145- padding-bottom: var(--line-height);
146-}
147-
148 .py-4 {
149 padding-top: calc(var(--line-height) * 2);
150 padding-bottom: calc(var(--line-height) * 2);
151@@ -654,11 +607,11 @@ h1 code, h2 code, h3 code, h4 code {
152 .logo-header {
153 line-height: 1;
154 display: inline-block;
155- background-color: #FF79C6;
156- background-image: linear-gradient(to right, #FF5555, #FF79C6, #F8F859);
157+ background-color: #ff79c6;
158+ background-image: linear-gradient(to right, #ff5555, #ff79c6, #f8f859);
159 color: transparent;
160 background-clip: text;
161- border: 3px solid #FF79C6;
162+ border: 3px solid #ff79c6;
163 padding: 8px 10px 10px 10px;
164 border-radius: 10px;
165 background-size: 100%;
+19,
-66
1@@ -63,9 +63,22 @@ html {
2 color: var(--text-color);
3 font-size: 16px;
4 line-height: var(--line-height);
5- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
6- Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
7- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
8+ font-family:
9+ -apple-system,
10+ BlinkMacSystemFont,
11+ "Segoe UI",
12+ Roboto,
13+ Oxygen,
14+ Ubuntu,
15+ Cantarell,
16+ "Fira Sans",
17+ "Droid Sans",
18+ "Helvetica Neue",
19+ Arial,
20+ sans-serif,
21+ "Apple Color Emoji",
22+ "Segoe UI Emoji",
23+ "Segoe UI Symbol";
24 -webkit-text-size-adjust: 100%;
25 -moz-tab-size: 4;
26 -o-tab-size: 4;
27@@ -227,7 +240,6 @@ ul[style*="list-style-type: none;"] {
28
29 ol {
30 padding: 0 0 0 var(--line-height);
31- list-style-position: inside;
32 list-style-type: decimal;
33 margin: var(--line-height) 0;
34 }
35@@ -289,13 +301,6 @@ sup {
36 width: 100%;
37 }
38
39-.container-center {
40- width: 100%;
41- height: 100%;
42- display: flex;
43- justify-content: center;
44-}
45-
46 .mono {
47 font-family: monospace;
48 }
49@@ -350,18 +355,10 @@ sup {
50 font-size: 0.8rem;
51 }
52
53-.cursor-pointer {
54- cursor: pointer;
55-}
56-
57 .w-full {
58 width: 100%;
59 }
60
61-.h-full {
62- height: 100%;
63-}
64-
65 .border {
66 border: 2px solid var(--grey-light);
67 }
68@@ -403,14 +400,6 @@ sup {
69 max-width: 50%;
70 }
71
72-.h-screen {
73- height: 100vh;
74-}
75-
76-.w-screen {
77- width: 100vw;
78-}
79-
80 .flex {
81 display: flex;
82 }
83@@ -463,18 +452,10 @@ sup {
84 margin-right: 0.5rem;
85 }
86
87-.ml-sm {
88- margin-left: 0.25rem;
89-}
90-
91 .ml {
92 margin-left: 0.5rem;
93 }
94
95-.pt-0 {
96- padding-top: 0;
97-}
98-
99 .my {
100 margin-top: var(--grid-height);
101 margin-bottom: var(--grid-height);
102@@ -490,24 +471,6 @@ sup {
103 margin-bottom: calc(var(--line-height) * 2);
104 }
105
106-.mx {
107- margin-left: 0.5rem;
108- margin-right: 0.5rem;
109-}
110-
111-.mx-2 {
112- margin-left: 1rem;
113- margin-right: 1rem;
114-}
115-
116-.m-1 {
117- margin: var(--grid-height);
118-}
119-
120-.p-1 {
121- padding: var(--grid-height);
122-}
123-
124 .p-0 {
125 padding: 0;
126 }
127@@ -517,11 +480,6 @@ sup {
128 padding-right: 0.5rem;
129 }
130
131-.px-2 {
132- padding-left: 1rem;
133- padding-right: 1rem;
134-}
135-
136 .px-4 {
137 padding-left: 2rem;
138 padding-right: 2rem;
139@@ -532,11 +490,6 @@ sup {
140 padding-bottom: var(--grid-height);
141 }
142
143-.py-2 {
144- padding-top: var(--line-height);
145- padding-bottom: var(--line-height);
146-}
147-
148 .py-4 {
149 padding-top: calc(var(--line-height) * 2);
150 padding-bottom: calc(var(--line-height) * 2);
151@@ -654,11 +607,11 @@ h1 code, h2 code, h3 code, h4 code {
152 .logo-header {
153 line-height: 1;
154 display: inline-block;
155- background-color: #FF79C6;
156- background-image: linear-gradient(to right, #FF5555, #FF79C6, #F8F859);
157+ background-color: #ff79c6;
158+ background-image: linear-gradient(to right, #ff5555, #ff79c6, #f8f859);
159 color: transparent;
160 background-clip: text;
161- border: 3px solid #FF79C6;
162+ border: 3px solid #ff79c6;
163 padding: 8px 10px 10px 10px;
164 border-radius: 10px;
165 background-size: 100%;