mermaid: remove W3C validator errors #337

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

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 %}}

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 }}

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;
}