rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-28 10:24:19 +01:00
Code Issues Actions Packages Releases Activity

Use <article> element for example cards

Browse Source 
This makes semantic sense.
REF: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article
This commit is contained in:
coliff 2024-10-22 21:00:09 +09:00
parent 30e0152567
commit 50f58ce599
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/layouts/partials/examples/main.html
View File

@ -14,7 +14,7 @@
{{- $len := len $entry.examples -}}
{{ if (eq $i 0) }}<div class="row">{{ end }}
{{ if $entry.external -}}
<div class="col-md-6 col-lg-4 mb-3 d-flex gap-3">
<article class="col-md-6 col-lg-4 mb-3 d-flex gap-3">
<svg class="bi fs-5 flex-shrink-0 mt-1" aria-hidden="true"><use xlink:href="#box-seam"></use></svg>
<div>
<h3 class="h5 mb-1">
@ -32,9 +32,9 @@
</a>
</p>
</div>
</div>
</article>
{{ else -}}
<div class="col-sm-6 col-md-3 mb-3">
<article class="col-sm-6 col-md-3 mb-3">
{{- $exampleNameUrlized := $example.name | urlize -}}
{{- $exampleUrl := urls.JoinPath "/docs" $.Site.Params.docs_version "/examples" $exampleNameUrlized "/" }}
<a class="d-block link-offset-1" href="{{ $exampleUrl }}"{{ if in $example.name "RTL" }} hreflang="ar"{{ end }}>
@ -55,7 +55,7 @@
</h3>
</a>
<p class="text-body-secondary">{{ $example.description }}</p>
</div>
</article>
{{- end }}
{{ if (eq (add $i 1) $len) }}</div>{{ end -}}
{{ end -}}