math: support Markdown attributes #795

This commit is contained in:
Sören Weber 2024-03-11 20:45:51 +01:00
parent 5747ca67d2
commit 345de238c9
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
4 changed files with 36 additions and 8 deletions

View file

@ -1,5 +1,6 @@
{{- partial "shortcodes/math.html" (dict
"page" .Page
"attributes" .Attributes
"content" .Inner
"align" (index .Attributes "align")
) }}

View file

@ -57,7 +57,7 @@
{{- end }}
{{- $options = $otherOptions }}
{{- /* separate shortcode attributes from rest and put it back to options */}}
{{- /* separate shortcode attributes from rest */}}
{{- $title := "" }}
{{- $wrap := true }}
{{- if isset $page.Site.Params "highlightwrap" }}

View file

@ -5,9 +5,28 @@
{{- end }}
{{- $content := .content }}
{{- $align := .align | default "center" }}
{{- /* separate shortcode attributes from rest */}}
{{- $attributes := .attributes | default dict }}
{{- $otherAttributes := dict }}
{{- range $k, $v := $attributes }}
{{- if eq $k "align" }}
{{- else }}
{{- $otherAttributes = (dict $k $v) | merge $otherAttributes }}
{{- end }}
{{- end }}
{{- $attributes = $otherAttributes }}
{{- /* enrich attributes */}}
{{- $attributes = merge $attributes (dict "class" (delimit (append (index $attributes "class" | default slice) "math" slice) " ")) }}
{{- $attributes = merge $attributes (dict "class" (delimit (append (index $attributes "class" | default slice) (printf "align-%s" $align) slice) " ")) }}
{{- with $page }}
<span class="math align-{{ $align }}">
{{- $content | safeHTML -}}
</span>
<span
{{- range $k, $v := $attributes }}
{{- if $v }}
{{- printf " %s=%q" $k $v | safeHTMLAttr }}
{{- end }}
{{- end }}>{{ $content | safeHTML }}</span>
{{- .Store.Set "hasMathJax" true }}
{{- end }}

View file

@ -1734,6 +1734,10 @@ input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
span.math:has(> mjx-container[display]) {
display: block;
}
@supports selector(.math:has(> mjx-container)){
.math{
visibility: hidden;
@ -1742,7 +1746,6 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
visibility: visible;
}
}
.math.align-left > mjx-container{
text-align: left !important;
}
@ -2285,3 +2288,8 @@ html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right
.term-list ul > li ~ li:before {
content: " | "
}
.red {
background-color: red !important;
border: 5px solid #d000d0 !important;
}