Fix text decoration colour

This commit is contained in:
Oliver Davies 2021-06-30 08:00:00 +01:00
parent 9058eb107e
commit 17388e232a
3 changed files with 13 additions and 5 deletions

View file

@ -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 {

View file

@ -4,3 +4,4 @@
@import './base.pcss';
@import './components.pcss';
@import './utilities.pcss';

View file

@ -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');
}
}
}