WIP
This commit is contained in:
parent
7b1348d1ff
commit
1c159a4207
3 changed files with 19 additions and 4 deletions
|
@ -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");
|
||||||
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue