forked from drowl87/hextra_mirror

* feat: basic github style alerts support * feat: implement github style alert * chore: re-generate css * chore: add missing prettier config * docs: add alerts instructions to markdown * chore: revert "docs: add alerts instructions to markdown" This reverts commit 3a70540e0b5651e485612209ee22e04b26432e72. * chore: redo "docs: add alerts instructions to markdown"" This reverts commit 8399373747f081ff7164c4dd60ac5598a1a0c121. * chore(build): bump hugo version
29 lines
1.1 KiB
HTML
29 lines
1.1 KiB
HTML
{{- $content := .content -}}
|
|
{{- $emoji := .emoji -}}
|
|
{{- $icon := .icon -}}
|
|
|
|
{{- $defaultClass := "hx-border-orange-100 hx-bg-orange-50 hx-text-orange-800 dark:hx-border-orange-400/30 dark:hx-bg-orange-400/20 dark:hx-text-orange-300" -}}
|
|
|
|
{{- $class := .class | default $defaultClass -}}
|
|
|
|
|
|
<div class="hx-overflow-x-auto hx-mt-6 hx-flex hx-rounded-lg hx-border hx-py-2 ltr:hx-pr-4 rtl:hx-pl-4 contrast-more:hx-border-current contrast-more:dark:hx-border-current {{ $class }}">
|
|
<div class="ltr:hx-pl-3 ltr:hx-pr-2 rtl:hx-pr-3 rtl:hx-pl-2">
|
|
{{- with $emoji -}}
|
|
<div class="hx-select-none hx-text-xl" style="font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';">
|
|
{{- . -}}
|
|
</div>
|
|
{{- else -}}
|
|
{{- with $icon -}}
|
|
{{ partial "utils/icon.html" (dict "name" . "attributes" `height=1.2em class="hx-inline-block hx-align-middle"`) -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
</div>
|
|
|
|
<div class="hx-w-full hx-min-w-0 hx-leading-7">
|
|
<div class="hx-mt-6 hx-leading-7 first:hx-mt-0">
|
|
{{- $content -}}
|
|
</div>
|
|
</div>
|
|
</div>
|