Fix text decoration colour
This commit is contained in:
parent
9058eb107e
commit
17388e232a
|
@ -1,14 +1,10 @@
|
|||
@layer components {
|
||||
.link {
|
||||
@apply text-blue-800 dark:text-blue-400;
|
||||
text-decoration-color: theme('colors.blue.800');
|
||||
@apply text-decoration-blue-800 dark:text-decoration-blue-400;
|
||||
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 {
|
||||
|
|
|
@ -4,3 +4,4 @@
|
|||
|
||||
@import './base.pcss';
|
||||
@import './components.pcss';
|
||||
@import './utilities.pcss';
|
||||
|
|
|
@ -0,0 +1,11 @@
|
|||
@layer utilities {
|
||||
@variants dark {
|
||||
.text-decoration-blue-400 {
|
||||
text-decoration-color: theme('colors.blue.400');
|
||||
}
|
||||
|
||||
.text-decoration-blue-800 {
|
||||
text-decoration-color: theme('colors.blue.800');
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue