Add base link styles

This commit is contained in:
Oliver Davies 2021-06-30 08:00:00 +01:00
parent 82b22613c0
commit 04dc1a5f72

View file

@ -1,4 +1,16 @@
@layer components { @layer components {
.link {
@apply text-blue-700 dark:text-blue-400;
text-decoration-color: theme('colors.blue.700');
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.1em;
@media (prefers-color-scheme: dark) {
text-decoration-color: theme('colors.blue.400');
}
}
.markdown { .markdown {
* + * { * + * {
@apply mt-4; @apply mt-4;
@ -23,6 +35,10 @@
li { li {
@apply mt-0; @apply mt-0;
} }
a {
@apply link;
}
} }
.visually-hidden { .visually-hidden {