Template
Anchor link/styles.css
From Dogcraft Wiki
mNo edit summary |
m (-3ch -> -3.4ch) |
||
| Line 12: | Line 12: | ||
/* the margin needs to be greater inside lists so it doesn't collide with the list marker */ | /* the margin needs to be greater inside lists so it doesn't collide with the list marker */ | ||
ul a > span.anchor-visible::after { | ul a > span.anchor-visible::after { | ||
margin-left: calc(-3.4ch - .1ch); | margin-left: calc(-3.4ch - .1ch); /* 3.4ch for lists inside boxes. See page Events for reference */ | ||
} | } | ||
Revision as of 21:37, 27 July 2024
a > span.anchor-visible::after {
content: '#';
float: left;
margin-left: calc(-1ch - .1ch);
padding-right: .1ch;
-webkit-user-select: none;
user-select: none;
opacity: 0;
transition: color .25s,opacity .25s;
}
/* the margin needs to be greater inside lists so it doesn't collide with the list marker */
ul a > span.anchor-visible::after {
margin-left: calc(-3.4ch - .1ch); /* 3.4ch for lists inside boxes. See page Events for reference */
}
:hover > a > span.anchor-visible::after,
a:focus > span.anchor-visible::after {
opacity: 1;
}
/* templatestyles appears to lack :has() support at the moment
a:has(> span.anchor-visible) {
float:left;
}*/
This page was last modified on 27 July 2024, at 21:37. (3 months ago)
