Nice little directory browser :D
move link style from the single use in footer to global style
+19
-17
+1
-1
functions.ps1
+1
-1
functions.ps1
···
250
250
footer -Class 'pb-10 pt-5' {
251
251
span -Class 'justify-center w-full flex text-current/75 gap-[1ch]' {
252
252
'🌟🌟🌟'
253
-
a -Class 'text-blue-600 underline' -Href 'https://git.helpimnotdrowning.net/helpimnotdrowning/Utatane' { 'running helpimnotdrowning/Utatane' }
253
+
a -Href 'https://git.helpimnotdrowning.net/helpimnotdrowning/Utatane' { 'running helpimnotdrowning/Utatane' }
254
254
'🌟🌟🌟'
255
255
}
256
256
}
+10
-12
public/style.css
+10
-12
public/style.css
···
18
18
--color-sky-800: oklch(44.3% 0.11 240.79);
19
19
--color-sky-950: oklch(29.3% 0.066 243.157);
20
20
--color-blue-400: oklch(70.7% 0.165 254.624);
21
-
--color-blue-600: oklch(54.6% 0.245 262.881);
21
+
--color-blue-500: oklch(62.3% 0.214 259.815);
22
22
--color-gray-100: oklch(96.7% 0.003 264.542);
23
23
--color-gray-200: oklch(92.8% 0.006 264.531);
24
24
--color-gray-400: oklch(70.7% 0.022 261.325);
···
274
274
font-size: var(--text-6xl);
275
275
line-height: var(--tw-leading, var(--text-6xl--line-height));
276
276
}
277
-
.text-blue-600 {
278
-
color: var(--color-blue-600);
279
-
}
280
277
.text-current\/75 {
281
278
color: currentcolor;
282
279
@supports (color: color-mix(in lab, red, red)) {
···
287
284
}
288
285
.text-stone-500 {
289
286
color: var(--color-stone-500);
290
-
}
291
-
.underline {
292
-
text-decoration-line: underline;
293
287
}
294
288
.filter {
295
289
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
···
3080
3074
--tw-duration: 100ms;
3081
3075
transition-duration: 100ms;
3082
3076
}
3083
-
a:hover:not(td > a) {
3084
-
background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 15%, transparent);
3085
-
@supports (color: color-mix(in lab, red, red)) {
3086
-
& {
3087
-
background-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent);
3077
+
a:not(td > a) {
3078
+
&:hover {
3079
+
background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 15%, transparent);
3080
+
@supports (color: color-mix(in lab, red, red)) {
3081
+
& {
3082
+
background-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent);
3083
+
}
3088
3084
}
3089
3085
}
3086
+
color: var(--color-blue-500);
3087
+
text-decoration-line: underline;
3090
3088
}
3091
3089
hr {
3092
3090
margin-block: calc(var(--spacing) * 4);
+8
-4
tailwind/style.tw.css
+8
-4
tailwind/style.tw.css
···
79
79
@apply transition-colors duration-100;
80
80
}
81
81
82
-
/* all links except those in a table since they get colored from td */
83
-
a:hover:not(td > a) {
84
-
/* like https://phk.freebsd.dk/ */
85
-
@apply bg-blue-400/15;
82
+
a:not(td > a) {
83
+
/* all links except those in a table since they get colored from td */
84
+
&:hover {
85
+
/* like https://phk.freebsd.dk/ */
86
+
@apply bg-blue-400/15;
87
+
}
88
+
89
+
@apply text-blue-500 underline;
86
90
}
87
91
88
92
hr {