Template

Anchor link/styles.css

From Dogcraft Wiki

No edit summary
mNo edit summary
Line 20: Line 20:
float:left;
float:left;
}*/
}*/
/* when firefox adds :has() support this won't be necessary */
a[href^='#'] > span.anchor-visible {
float:left;
}

Revision as of 21:31, 3 December 2023

a > span.anchor-visible::after {
	content: '#';
	float: left;
	margin-left: -.87em;
	padding-right: .23em;
	-webkit-user-select: none;
	user-select: none;
	opacity: 0;
	transition: color .25s,opacity .25s;
}

:hover > a > span.anchor-visible::after,
a:focus > span.anchor-visible::after,
a:target > 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 3 December 2023, at 21:31. (5 months ago)