drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-06-20 05:21:31 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add card shortcodes

Browse Source
This commit is contained in:
Xin
2023-07-28 22:10:48 +01:00
parent 50b1b7db68
commit ba1257a188
5 changed files with 54 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
layouts/shortcodes/card.html Normal file
View File

@ -0,0 +1,17 @@
{{ $href := .Get "link" }}
{{ $title := .Get "title" }}
{{ $icon := .Get "icon" }}
{{ $context := . }}
<a
class="hextra-card group flex flex-col justify-start overflow-hidden rounded-lg border border-gray-200 text-current no-underline dark:shadow-none hover:shadow-gray-100 dark:hover:shadow-none shadow-gray-100 active:shadow-sm active:shadow-gray-200 transition-all duration-200 hover:border-gray-300 bg-transparent shadow-sm dark:border-neutral-800 hover:bg-slate-50 hover:shadow-md dark:hover:border-neutral-700 dark:hover:bg-neutral-900"
href="{{ $href }}"
>
<span class="flex font-semibold items-start gap-2 p-4 text-gray-700 hover:text-gray-900 dark:text-neutral-200 dark:hover:text-neutral-50">
{{ with $icon }}
{{ partial "utils/icon.html" (dict "context" $context "name" $icon) }}
{{ end }}
{{ $title }}
</span>
</a>

3
layouts/shortcodes/cards.html Normal file
View File

@ -0,0 +1,3 @@
<div class="hextra-cards mt-4 gap-4 grid not-prose" style="--rows: 3;">
{{ .Inner }}
</div>