Jorge Manrubia
0278fe6ae4
This reverts commit 39c1906e67.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
39 lines
766 B
CSS
39 lines
766 B
CSS
@layer components {
|
|
.heading__link {
|
|
--opacity: 0.5;
|
|
--size: 0.8em;
|
|
|
|
background: url(link.svg) no-repeat center bottom 0.2em;
|
|
background-size: var(--size);
|
|
block-size: 1em;
|
|
color: var(--color-link);
|
|
display: inline-flex;
|
|
font-size: var(--size);
|
|
inline-size: var(--size);
|
|
padding: 1em 0 0;
|
|
opacity: var(--opacity);
|
|
overflow: hidden;
|
|
transition: opacity 300ms ease;
|
|
vertical-align: middle;
|
|
|
|
@media (hover: hover) {
|
|
--opacity: 0;
|
|
|
|
:is(h1, h2, h3, h4, h5, h6):hover & {
|
|
--opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
html[data-theme="dark"] & {
|
|
filter: invert(1);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html:not([data-theme]) & {
|
|
filter: invert(1);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|