Refactor link styles to make chromium based browsers work.
This commit is contained in:
@ -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;
|
||||||
|
Reference in New Issue
Block a user