refactor: ♻️ style links site-wide
This commit is contained in:
parent
c9cb36fa42
commit
30d9f437bc
2 changed files with 14 additions and 14 deletions
|
@ -29,6 +29,20 @@
|
||||||
font-family: var(--font-family-headings);
|
font-family: var(--font-family-headings);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:not([class]) {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-underline-offset: 0.1875em;
|
||||||
|
text-decoration-thickness: 0.125em;
|
||||||
|
text-decoration-skip-ink: all;
|
||||||
|
text-decoration-color: var(--clr-link-underline);
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:not([class]):hover {
|
||||||
|
color: var(--clr-link);
|
||||||
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: var(--clr-selection-text);
|
color: var(--clr-selection-text);
|
||||||
background-color: var(--clr-selection);
|
background-color: var(--clr-selection);
|
||||||
|
|
|
@ -51,18 +51,4 @@
|
||||||
:host p {
|
:host p {
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host article a {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-underline-offset: 0.1875em;
|
|
||||||
text-decoration-thickness: 0.125em;
|
|
||||||
text-decoration-skip-ink: all;
|
|
||||||
text-decoration-color: var(--clr-link-underline);
|
|
||||||
transition: color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host article a:hover {
|
|
||||||
color: var(--clr-link);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue