This commit is contained in:
Ondřej 2022-10-21 11:10:41 +02:00
parent 7b1348d1ff
commit 1c159a4207
3 changed files with 19 additions and 4 deletions

View file

@ -42,3 +42,16 @@ html {
.prose p { .prose p {
@apply mb-4; @apply mb-4;
} }
.link,
.prose a {
color: theme("colors.red.900");
border-bottom: 4px solid theme("colors.red.100");
transition: border-color 200ms;
}
.link:hover,
.prose a:hover {
color: theme("colors.red.700");
border-bottom: 4px solid theme("colors.red.200");
}

View file

@ -764,13 +764,15 @@ html {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.link { .link,
.prose a {
color: #7f1d1d; color: #7f1d1d;
border-bottom: 4px solid #fee2e2; border-bottom: 4px solid #fee2e2;
transition: border-color 200ms; transition: border-color 200ms;
} }
.link:hover { .link:hover,
.prose a:hover {
color: #b91c1c; color: #b91c1c;
border-bottom: 4px solid #fecaca; border-bottom: 4px solid #fecaca;
} }

View file

@ -17,8 +17,8 @@
<i class="ri-{{ .Params.icon }} block text-3xl mb-2"></i> <i class="ri-{{ .Params.icon }} block text-3xl mb-2"></i>
{{ end }} {{ end }}
<h4 class="inline mr-1"><a href="{{ .Params.href }}" class="font-bold link">{{ .Title }}</a></h4> <h4 class="inline mr-1"><a href="{{ .Params.href }}" class="font-bold link">{{ .Title }}</a></h4>
<div class="inline"> <div class="inline prose">
{{ .Params.description }} → {{ .Params.description | safeHTML }} →
</div> </div>
</article> </article>
</li> </li>