chore(merge main): patched commit → e340674 (#2516)

.github/SUPPORT.md

@@ -14,7 +14,7 @@ For general Bootstrap troubleshooting or help getting started:
 - Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap).
 - Read and subscribe to [The Official Bootstrap Blog](https://blog.getbootstrap.com/).
 - Ask questions and explore [Bootstrap GitHub Discussions](https://github.com/twbs/bootstrap/discussions).
-- Discuss, ask questions, and more on [the community Discord](https://discord.gg/bZUvakRU3M) or [Bootstrap subreddit](https://reddit.com/r/bootstrap).
+- Discuss, ask questions, and more on [the community Discord](https://discord.gg/bZUvakRU3M) or [Bootstrap subreddit](https://www.reddit.com/r/bootstrap/).
 - Chat with fellow Bootstrappers in IRC. On the `irc.libera.chat` server, in the `#bootstrap` channel.
 - Implementation help may be found at Stack Overflow (tagged [`bootstrap-5`](https://stackoverflow.com/questions/tagged/bootstrap-5)).
 - Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.

js/src/util/index.js

@@ -170,7 +170,7 @@ const noop = () => {}
  * @param {HTMLElement} element
  * @return void
  *
- * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
+ * @see https://www.harrytheo.com/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
  */
 const reflow = element => {
  element.offsetHeight // eslint-disable-line no-unused-expressions

site/content/docs/5.3/examples/_index.md

@@ -42,12 +42,12 @@ One of the missing examples has priority? Feel free to contact a member of the [
  {{ range $i, $example := $entry.examples -}}
  {{- $len := len $entry.examples -}}
  {{ if (eq $i 0) }}<div class="row">{{ end }}
- {{ if $entry.external }}
+ {{ if $entry.external -}}
  <div class="col-md-6 col-lg-4 mb-3 d-flex gap-3">
  <svg class="bi fs-5 flex-shrink-0"><use xlink:href="#box-seam"></use></svg>
  <div>
  <h3 class="h5 mb-1">
- <a class="d-block link-offset-1" href="{{ $.Site.Params.bootstrap_github_org }}{{ $example.url }}/" target="_blank" rel="noopener">
+ <a class="d-block link-offset-1" href="{{ urls.JoinPath $.Site.Params.bootstrap_github_org $example.url }}" target="_blank" rel="noopener">
  {{ $example.name }}
  </a>
  </h3>
@@ -64,24 +64,29 @@ One of the missing examples has priority? Feel free to contact a member of the [
  </p>
  </div>
  </div>
- {{ else }}
+ {{ else -}}
  <div class="col-sm-6 col-md-3 mb-3">
- <a class="d-block link-offset-1" href="/docs/{{ $.Site.Params.docs_version }}/examples/{{ $example.name | urlize }}/"{{ if in $example.name "RTL" }} hreflang="ar"{{ end }}>
+ <a class="d-block link-offset-1" href="{{ urls.JoinPath "/docs" $.Site.Params.docs_version "/examples" ($example.name | urlize) "/"}}"{{ if in $example.name "RTL" }} hreflang="ar"{{ end }}>
+ {{ $imageBasePath := urls.JoinPath "/docs" $.Site.Params.docs_version "assets/img/examples" -}}
+ {{- $imgPath := urls.JoinPath $imageBasePath (printf "%s%s" ($example.name | urlize) ".png") -}}
+ {{- $imgPath2x := urls.JoinPath $imageBasePath (printf "%s%s" ($example.name | urlize) "@2x.png") -}}
+ {{- with (imageConfig (path.Join "/site/static" $imgPath)) -}}
  <img class="img-thumbnail mb-3"
- srcset="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png,
- /docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}@2x.png 2x"
- src="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png"
- alt=""
- width="480" height="300"
- loading="lazy">
+ srcset="{{ $imgPath }}, {{ $imgPath2x }} 2x"
+ src="{{ $imgPath }}"
+ alt=""
+ width="{{ .Width }}"
+ height="{{ .Height }}"
+ loading="lazy">
+ {{- end }}
  <h3 class="h5 mb-1">
  {{ $example.name }}
  </h3>
  </a>
  <p class="text-body-secondary">{{ $example.description }}</p>
  </div>
- {{ end }}
- {{ if (eq (add $i 1) $len) }}</div>{{ end }}
+ {{- end }}
+ {{ if (eq (add $i 1) $len) }}</div>{{ end -}}
  {{ end -}}
 </div>
 {{ end -}}

site/content/docs/5.3/utilities/text.md

@@ -60,7 +60,7 @@ Note that [breaking words isn't possible in Arabic](https://rtlstyling.com/posts
 
 ## Text transform
 
-Transform text in components with text capitalization classes.
+Transform text in components with our text capitalization classes: `text-lowercase`, `text-uppercase` or `text-capitalize`.
 
 {{< example >}}
 <p class="text-lowercase">Lowercased text.</p>