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