shelving/ui/inline/Link.module.css

Toolkit for using data in JavaScript.

@import "../style/base.css";

@layer components {
	.link,
	.prose a {
		/* Style */
		color: var(--link-weight, var(--color-link));
		text-decoration: none;
		cursor: inherit;

		/* Typography */
		font-weight: var(--link-weight, var(--weight-strong));

		&:any-link {
			cursor: pointer;
			text-decoration: underline var(--stroke-normal);

			&:hover {
				text-decoration: none;
			}
		}
	}
}