Add base link styles
This commit is contained in:
parent
82b22613c0
commit
04dc1a5f72
|
@ -1,4 +1,16 @@
|
|||
@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 {
|
||||
* + * {
|
||||
@apply mt-4;
|
||||
|
@ -23,6 +35,10 @@
|
|||
li {
|
||||
@apply mt-0;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply link;
|
||||
}
|
||||
}
|
||||
|
||||
.visually-hidden {
|
||||
|
|
Loading…
Reference in a new issue