Refactor link styles to make chromium based browsers work.

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

View File

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