Refactor link styles to make chromium based browsers work.

This commit is contained in:
Christian Galo 2025-04-02 16:55:55 -05:00
parent a44bdd9344
commit 0e9e6d20e8

View File

@ -144,58 +144,52 @@ a {
&:link {
color: oklch(0.424 0.199 265.638);
text-decoration: none;
@media (hover: hover) {
&:hover {
color: oklch(0.488 0.243 264.376);
text-decoration: underline;
text-decoration-color: oklch(0.488 0.243 264.376);
}
}
&:focus-visible {
color: oklch(0.488 0.243 264.376);
outline: 2px solid oklch(0.488 0.243 264.376);
outline-offset: 2px;
text-decoration: underline;
}
&:active {
color: oklch(0.546 0.245 262.881);
text-decoration: underline;
text-decoration-color: oklch(0.546 0.245 262.881);
}
}
&:visited {
color: oklch(0.38 0.189 293.745);
text-decoration: none;
}
@media (hover: hover) {
&:hover {
@media (hover: hover) {
&:hover {
color: oklch(0.488 0.243 264.376);
text-decoration: underline;
text-decoration-color: oklch(0.488 0.243 264.376);
&:visited {
color: oklch(0.432 0.232 292.759);
text-decoration: underline;
text-decoration-color: oklch(0.432 0.232 292.759);
}
}
}
&:focus-visible {
&:focus-visible {
color: oklch(0.488 0.243 264.376);
outline: 2px solid oklch(0.488 0.243 264.376);
outline-offset: 2px;
text-decoration: underline;
&:visited {
color: oklch(0.432 0.232 292.759);
outline: 2px solid oklch(0.38 0.189 293.745);
outline-offset: 2px;
text-decoration: underline;
outline-color: oklch(0.38 0.189 293.745);
}
}
&:active {
&:active {
color: oklch(0.546 0.245 262.881);
text-decoration: underline;
text-decoration-color: oklch(0.546 0.245 262.881);
&:visited {
color: oklch(0.491 0.27 292.581);
text-decoration: underline;
text-decoration-color: oklch(0.491 0.27 292.581);
}
}
}
blockquote {
border-left: 2px solid oklch(0.145 0 0);
padding: 0.5rem 1rem;