@schukai/monster
Version:
Monster is a simple library for creating fast, robust and lightweight websites.
39 lines (38 loc) • 761 B
CSS
/** 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);
}
}