Add base link styles
This commit is contained in:
parent
82b22613c0
commit
04dc1a5f72
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue