website/themes/hugoplate/layouts/shortcodes/card.html

18 lines
No EOL
568 B
HTML

<div class="relative flex flex-col h-full mt-6 bg-clip-border rounded-xl shadow-lg {{ with .Get "class" }}{{ . }}{{ else }} text-gray-700 bg-white {{ end }}">
<div class="p-10 h-full">
{{ .Inner }}
</div>
</div>
{{/*
This shortcode is a wrapper for a card component. It has a default class of "text-gray-700 bg-white" but can be overridden by passing a class attribute.
Attributes:
1. class - The class of the card
Usage:
{{< card class="text-gray-700 bg-white" >}}
This is the content of the card
{{< /card >}}
*/}}