nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-10-27 02:33:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

mermaid: remove W3C validator errors #337

Browse source 
remove old-styled alignment
This commit is contained in:
Sören Weber 2022-10-07 20:25:44 +02:00
parent f06fef8d3c
commit 9a6e8edacc
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
exampleSite/content/basics/generator/_index.en.md
View file

@ -27,7 +27,7 @@ This only works in modern browsers.
{{% button style="secondary" icon="download" %}}Download variant{{% /button %}}
{{% button style="warning" icon="trash" %}}Reset variant{{% /button %}}
<div id="vargenerator" class="mermaid" style="background-color: var(--INTERNAL-MAIN-TEXT-color);" align="center">Graph</div>
<div id="vargenerator" class="mermaid" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
{{% button style="secondary" icon="download" %}}Download variant{{% /button %}}
{{% button style="warning" icon="trash" %}}Reset variant{{% /button %}}

2
layouts/partials/shortcodes/mermaid.html
View file

@ -2,7 +2,7 @@
{{- $content := .content }}
{{- $align := .align | default "center" }}
{{- with $context }}
<div class="mermaid" align="{{ $align }}">
<div class="mermaid align-{{ $align }}">
{{- replaceRE "&#39;" "'" ( replaceRE "&#34;" "\"" ( $content | safeHTML ) ) -}}
</div>
{{- .Page.Store.Set "hasMermaid" true }}

15
static/css/theme.css
View file

@ -1479,3 +1479,18 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
transform: translateY(0%);
}
*/
.align-right {
display: flex;
justify-content: right;
}
.align-center {
display: flex;
justify-content: center;
}
.align-left {
display: flex;
justify-content: left;
}