Files for my website
bwc9876.dev
actually balance text wrap on all headings
+19
-3
+19
-3
src/styles/style.css
+19
-3
src/styles/style.css
···
41
41
h3,
42
42
h4,
43
43
h5,
44
-
h6,
44
+
h6 {
45
+
text-wrap: balance;
46
+
font-family: "Maple Mono", monospace;
47
+
}
48
+
49
+
nav a,
45
50
pre,
46
-
code,
47
-
nav a {
51
+
code {
48
52
font-family: "Maple Mono", monospace;
49
53
}
50
54
···
187
191
}
188
192
189
193
&[data-placement="bottom"] {
194
+
190
195
&::before,
191
196
&::after {
192
197
top: 100%;
···
202
207
}
203
208
204
209
&[data-placement="left"] {
210
+
205
211
&::before,
206
212
&::after {
207
213
top: 50%;
···
219
225
}
220
226
221
227
&[data-placement="right"] {
228
+
222
229
&::before,
223
230
&::after {
224
231
top: 50%;
···
237
244
238
245
&:focus,
239
246
&:hover {
247
+
240
248
&::before,
241
249
&::after {
242
250
opacity: 1;
···
244
252
}
245
253
246
254
@media (hover: hover) and (pointer: fine) {
255
+
247
256
&:focus,
248
257
&:hover {
258
+
249
259
&::before,
250
260
&::after {
251
261
--tooltip-slide-to: translate(-50%, -0.25rem);
···
264
274
}
265
275
266
276
&[data-placement="bottom"] {
277
+
267
278
&:focus,
268
279
&:hover {
280
+
269
281
&::before,
270
282
&::after {
271
283
--tooltip-slide-to: translate(-50%, 0.25rem);
···
282
294
}
283
295
284
296
&[data-placement="left"] {
297
+
285
298
&:focus,
286
299
&:hover {
300
+
287
301
&::before,
288
302
&::after {
289
303
--tooltip-slide-to: translate(-0.25rem, -50%);
···
300
314
}
301
315
302
316
&[data-placement="right"] {
317
+
303
318
&:focus,
304
319
&:hover {
320
+
305
321
&::before,
306
322
&::after {
307
323
--tooltip-slide-to: translate(0.25rem, -50%);