adoralaura/hugo-book-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

layouts/shortcodes/mermaid.html: choosing <div> for styling flexibility

Browse source 
Enhance styling and centering by opting for `<div>` over `<p>`. For example, utilize the class `div.mermaid` with `text-align: center;` for positioning the Mermaid.js SVG image at the center of the container.
This commit is contained in:
Enzo Venturi 2023-10-30 06:42:08 +00:00 committed by GitHub
parent 3f1bcccbfb
commit a9cf9615a9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/shortcodes/mermaid.html
View file

@ -7,6 +7,6 @@
{{ .Page.Scratch.Set "mermaid" true }} {{ .Page.Scratch.Set "mermaid" true }}
{{ end }} {{ end }}
<p class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}"> <div class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}">
{{- .Inner -}} {{- .Inner -}}
</p> </div>