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

feat: configurable cols for feature-grid shortcode (#342)

Browse Source 
* feat: configurable cols for feature-grid shortcode

* chore: update css files

* chore: add hextra prefix to cards css var

* chore: rebuild css
This commit is contained in:
Xin
2024-03-31 23:06:26 +02:00
committed by GitHub
parent 24fb13b221
commit 5080877576
7 changed files with 37 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/shortcodes/cards.html
View File

@ -1,5 +1,5 @@
{{ $rows := .Get "rows" | default "3" }}
{{- $cols := .Get "cols" | default 3 -}}
<div class="hextra-cards hx-mt-4 hx-gap-4 hx-grid not-prose" style="--rows: {{ $rows }};">
<div class="hextra-cards hx-mt-4 hx-gap-4 hx-grid not-prose" style="--hextra-cards-grid-cols: {{ $cols }};">
{{- .Inner -}}
</div>

9
layouts/shortcodes/hextra/feature-grid.html
View File

@ -1,9 +1,12 @@
{{- $style := .Get "style" -}}
{{- $cols := .Get "cols" | default 3 -}}
{{- $style := .Get "style" | default "" -}}
{{- $css := printf "--hextra-feature-grid-cols: %v; %s" $cols $style -}}
<div
class="hx-grid sm:hx-grid-cols-2 lg:hx-grid-cols-3 hx-grid-cols-1 hx-gap-4 hx-w-full not-prose"
{{ with $style }}style="{{ . | safeCSS }}"{{ end }}
class="hextra-feature-grid hx-grid sm:max-lg:hx-grid-cols-2 max-sm:hx-grid-cols-1 hx-gap-4 hx-w-full not-prose"
{{ with $css }}style="{{ . | safeCSS }}"{{ end }}
>
{{ .Inner }}
</div>