@schukai/monster/source/components/style/link.css

Monster is a simple library for creating fast, robust and lightweight websites.

/** generated from link.pcss **/
a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
	color: var(--monster-color-secondary-1);
	outline: none;
	text-decoration: none;
	transition: color .3s ease-in-out, text-decoration-color .3s ease-in-out;
}
a:active,
a:focus,
a:hover {
	color: var(--monster-color-primary-2);
	text-decoration: underline;
	text-decoration-color: var(--monster-color-secondary-1);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
a:focus {
	outline: 1px dashed var(--monster-color-selection-1);
	outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
	a,
	a:active,
	a:focus,
	a:hover,
	a:link,
	a:visited {
		color: var(--monster-color-amber-2);
	}
	a:focus {
		outline: 1px dashed var(--monster-color-selection-4);
	}
}