diff options
Diffstat (limited to 'site/layouts/shortcodes/example.html')
| -rw-r--r-- | site/layouts/shortcodes/example.html | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/site/layouts/shortcodes/example.html b/site/layouts/shortcodes/example.html index c6dcddb..a162db5 100644 --- a/site/layouts/shortcodes/example.html +++ b/site/layouts/shortcodes/example.html @@ -17,30 +17,32 @@ {{- $show_markup := .Get "show_markup" | default true -}} {{- $show_preview := .Get "show_preview" | default true -}} {{- $input := .Inner -}} +{{- $content := .Inner -}} <div class="bd-example-snippet bd-code-snippet"> {{- if eq $show_preview true -}} - <div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example{{ with $class }} {{ . }}{{ end }}"> + <div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}"> {{- $input -}} </div> {{- end -}} {{- if eq $show_markup true -}} {{- if eq $show_preview true -}} - <div class="d-flex align-items-center highlight-toolbar bg-light ps-3 pe-2 py-1"> - <small class="font-monospace text-muted text-uppercase">{{- $lang -}}</small> + <div class="d-flex align-items-center highlight-toolbar ps-3 pe-2 py-1 border-0 border-top border-bottom"> + <small class="font-monospace text-body-secondary text-uppercase">{{- $lang -}}</small> <div class="d-flex ms-auto"> <button type="button" class="btn-edit text-nowrap"{{ with $stackblitz_add_js }} data-sb-js-snippet="{{ $stackblitz_add_js }}"{{ end }} title="Try it on StackBlitz"> - <svg class="bi" role="img" aria-label="Try it"><use xlink:href="#lightning-charge-fill"/></svg> + <svg class="bi" aria-hidden="true"><use xlink:href="#lightning-charge-fill"/></svg> </button> <button type="button" class="btn-clipboard mt-0 me-0" title="Copy to clipboard"> - <svg class="bi" role="img" aria-label="Copy"><use xlink:href="#clipboard"/></svg> + <svg class="bi" aria-hidden="true"><use xlink:href="#clipboard"/></svg> </button> </div> </div> {{- end -}} - {{- $content := replaceRE `<svg class="bd-placeholder-img(?:-lg)?(?: *?bd-placeholder-img-lg)? ?(.*?)".*?<\/svg>\n` `<img src="..." class="$1" alt="...">` $input -}} + {{- $content = replaceRE `<svg class="bd-placeholder-img(?:-lg)?(?: *?bd-placeholder-img-lg)? ?(.*?)".*?<\/svg>` `<img src="..." class="$1" alt="...">` $content -}} + {{- $content = replaceRE `<img class="bd-placeholder-img(?:-lg)?(?: *?bd-placeholder-img-lg)? ?(.*?)".*?>` `<img src="..." class="$1" alt="...">` $content -}} {{- $content = replaceRE ` (class=" *?")` "" $content -}} {{- highlight (trim $content "\n") $lang "" -}} {{- end -}} |