fix: 💄 normalize link styles across site

This commit is contained in:
Sebin Nyshkim 2024-10-15 04:22:33 +02:00
parent 789544445f
commit 513e7bd2b4
2 changed files with 5 additions and 9 deletions

View file

@ -30,12 +30,12 @@ h6 {
font-variation-settings: 'XROT' 0, 'YROT' 0;
}
a {
@apply transition-colors duration-300;
a:not(.nav-link) {
@apply text-inherit underline decoration-sky-600 decoration-2 underline-offset-4 transition-colors duration-300 hover:text-sky-600;
}
.blogpost {
@apply prose prose-slate mx-auto md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-a:text-sky-600 prose-a:transition-colors prose-a:duration-300 hover:prose-a:text-sky-400 prose-strong:text-inherit prose-li:marker:!text-inherit prose-img:rounded-3xl;
@apply prose prose-slate mx-auto md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-img:rounded-3xl;
}
abbr {

View file

@ -53,15 +53,11 @@
<div>
<p>&copy; {% year %} Sebin Nyshkim</p>
<p>Content licensed under
<a class="text-sky-600 transition-colors duration-300 hover:text-sky-400" href="https://creativecommons.org/licenses/by-sa/4.0/">
CC BY-SA 4.0
</a>
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
</p>
</div>
<div class="text-right">
<p>Made with
<a class="text-sky-600 transition-colors duration-300 hover:text-sky-400" href="https://11ty.dev">11ty</a>
</p>
<p>Made with <a href="https://11ty.dev">11ty</a></p>
</div>
</div>
</div>