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);
|
||||
}
|
||||
|
||||
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 {
|
||||
color: var(--clr-selection-text);
|
||||
background-color: var(--clr-selection);
|
||||
|
|
|
@ -51,18 +51,4 @@
|
|||
:host p {
|
||||
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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue