opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix text decoration colour

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/css/components.pcss
View file

@ -1,14 +1,10 @@
@layer components { @layer components {
.link { .link {
@apply text-blue-800 dark:text-blue-400; @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-line: underline;
text-decoration-thickness: 1px; text-decoration-thickness: 1px;
text-underline-offset: 0.1em; text-underline-offset: 0.1em;
@media (prefers-color-scheme: dark) {
text-decoration-color: theme('colors.blue.400');
}
} }
.markdown { .markdown {

1
assets/css/tailwind.pcss
View file

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

11
assets/css/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');
}
}
}