-
-
Notifications
You must be signed in to change notification settings - Fork 209
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: support github style alerts (#513)
* 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 3a70540. * chore: redo "docs: add alerts instructions to markdown"" This reverts commit 8399373. * chore(build): bump hugo version
- Loading branch information
Showing
11 changed files
with
229 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| {{- if not (in (slice "note" "tip" "important" "warning" "caution") .AlertType) -}} | ||
| {{- warnf "Alert type %s is not supported" .AlertType -}} | ||
| {{- end -}} | ||
|
|
||
| {{- $content := .Text -}} | ||
| {{- $alertType := .AlertType -}} | ||
| {{- $alertTitle := .AlertTitle -}} | ||
|
|
||
| {{- partial "components/github-style-alert.html" (dict "content" $content "alertType" $alertType "alertTitle" $alertTitle) -}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| <blockquote> | ||
| {{ .Text }} | ||
| </blockquote> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| {{- $content := .content -}} | ||
| {{- $alertType := .alertType -}} | ||
| {{- $alertTitle := .alertTitle -}} | ||
|
|
||
| {{- $icons := dict | ||
| "note" "information-circle" | ||
| "tip" "light-bulb" | ||
| "important" "information-circle" | ||
| "warning" "exclamation" | ||
| "caution" "exclamation-circle" | ||
| -}} | ||
|
|
||
| {{- $icon := index $icons $alertType -}} | ||
| {{- $title := or $alertTitle (or (i18n $alertType) (title $alertType)) -}} | ||
|
|
||
| {{- $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" }} | ||
|
|
||
| {{- $alertClasses := dict | ||
| "note" "hx-border-blue-200 hx-bg-blue-100 hx-text-blue-900 dark:hx-border-blue-200/30 dark:hx-bg-blue-900/30 dark:hx-text-blue-200" | ||
| "tip" "hx-border-green-200 hx-bg-green-100 hx-text-green-900 dark:hx-border-green-200/30 dark:hx-bg-green-900/30 dark:hx-text-green-200" | ||
| "important" "hx-border-indigo-200 hx-bg-indigo-100 hx-text-indigo-900 dark:hx-border-indigo-200/30 dark:hx-bg-indigo-900/30 dark:hx-text-indigo-200" | ||
| "warning" "hx-border-amber-200 hx-bg-amber-100 hx-text-amber-900 dark:hx-border-amber-200/30 dark:hx-bg-amber-900/30 dark:hx-text-amber-200" | ||
| "caution" "hx-border-red-200 hx-bg-red-100 hx-text-red-900 dark:hx-border-red-200/30 dark:hx-bg-red-900/30 dark:hx-text-red-200" | ||
| -}} | ||
|
|
||
| {{- $class := index $alertClasses $alertType | default $defaultClass -}} | ||
|
|
||
|
|
||
| <div class="hx-overflow-x-auto hx-mt-6 hx-flex hx-flex-col hx-rounded-lg hx-border hx-py-4 hx-px-4 contrast-more:hx-border-current contrast-more:dark:hx-border-current {{ $class }}"> | ||
| <p class="hx-flex hx-items-center hx-font-medium"> | ||
| {{- with $icon -}} | ||
| {{- partial "utils/icon.html" (dict "name" . "attributes" `height=16px class="hx-inline-block hx-align-middle hx-mr-2"`) -}} | ||
| {{- end -}} | ||
| {{- $title -}} | ||
| </p> | ||
|
|
||
| <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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| {{- $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> |
Oops, something went wrong.