diff options
author | Mario <mario@mariovavti.com> | 2023-05-17 13:28:23 +0000 |
---|---|---|
committer | Mario <mario@mariovavti.com> | 2023-05-17 13:28:23 +0000 |
commit | 65d98af24c3c7b784f7e2c95998df65901011ce3 (patch) | |
tree | d7d6a60698d7a0c3704ea55cb71c543285186b17 /vendor/twbs/bootstrap/site/content/docs/5.3/examples | |
parent | a57739c462a7991bf2130e8eca0c383eb276f0cd (diff) | |
parent | 62d35627f35537d0056482047e74a27ad837c3cf (diff) | |
download | volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.tar.gz volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.tar.bz2 volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.zip |
Merge branch '8.4RC'8.4
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/examples')
56 files changed, 1345 insertions, 790 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/.stylelintrc b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/.stylelintrc deleted file mode 100644 index 79ea92df0..000000000 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/.stylelintrc +++ /dev/null @@ -1,15 +0,0 @@ -{ - "extends": [ - "stylelint-config-twbs-bootstrap" - ], - "rules": { - "at-rule-no-vendor-prefix": null, - "comment-empty-line-before": null, - "media-feature-name-no-vendor-prefix": null, - "property-disallowed-list": null, - "property-no-vendor-prefix": null, - "selector-no-qualifying-type": null, - "selector-no-vendor-prefix": null, - "value-no-vendor-prefix": null - } -} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/_index.md b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/_index.md index 46688839b..2fa9a4528 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/_index.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/_index.md @@ -7,39 +7,60 @@ aliases: "/examples/" {{< list-examples.inline >}} {{ range $entry := $.Site.Data.examples -}} -<div class="row g-lg-5 mb-5"> - <div class="bd-content col-lg-3"> - <h2 id="{{ $entry.category | urlize }}">{{ $entry.category }}</h2> - <p>{{ $entry.description }}</p> - {{ if eq $entry.category "RTL" -}} - <div class="bd-callout bd-callout-warning small"> - <p> - <strong>RTL is still experimental</strong> and will evolve with feedback. Spotted something or have an improvement to suggest? - </p> - <p><a href="{{ $.Site.Params.repo }}/issues/new/choose">Please open an issue.</a></p> - </div> - {{ end -}} - </div> - - <div class="col-lg-9"> - {{ range $i, $example := $entry.examples -}} - {{- $len := len $entry.examples -}} - {{ if (eq $i 0) }}<div class="row">{{ end }} - <div class="col-sm-6 col-md-4 mb-3"> - <a class="d-block" href="/docs/{{ $.Site.Params.docs_version }}/examples/{{ $example.name | urlize }}/"{{ if in $example.name "RTL" }} hreflang="ar"{{ end }}> +<div class="bd-content"> + <h2 id="{{ $entry.category | urlize }}">{{ $entry.category }}</h2> + <p>{{ $entry.description }}</p> + {{ if eq $entry.category "RTL" -}} + <div class="bd-callout bd-callout-warning small"> + <p> + <strong>RTL is still experimental</strong> and will evolve with feedback. Spotted something or have an improvement to suggest? + </p> + <p><a href="{{ $.Site.Params.repo }}/issues/new/choose">Please open an issue.</a></p> + </div> + {{ end -}} + {{ range $i, $example := $entry.examples -}} + {{- $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"> + <svg class="bi fs-5 flex-shrink-0 mt-1"><use xlink:href="#box-seam"></use></svg> + <div> + <h3 class="h5 mb-1"> + <a class="d-block link-offset-1" href="{{ $.Site.Params.github_org }}{{ $example.url }}/" target="_blank" rel="noopener"> + {{ $example.name }} + </a> + </h3> + <p class="text-body-secondary">{{ $example.description }}</p> + <p> + {{- $htmlIndexLocation := "index.html" -}} + {{- if $example.htmlIndexLocation -}} + {{- $htmlIndexLocation = printf "%s/index.html" $example.htmlIndexLocation -}} + {{- end }} + <a class="icon-link small link-secondary link-offset-1" href="https://stackblitz.com/github/twbs{{ $example.url }}?file={{ $htmlIndexLocation | urlquery }}" target="_blank" rel="noopener"> + <svg class="bi flex-shrink-0"><use xlink:href="#lightning-charge-fill"></use></svg> + Edit in StackBlitz + </a> + </p> + </div> + </div> + {{ 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 }}> <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"> - <h3 class="h5 mb-1">{{ $example.name }}</h3> + <h3 class="h5 mb-1"> + {{ $example.name }} + </h3> </a> - <p class="text-muted">{{ $example.description }}</p> + <p class="text-body-secondary">{{ $example.description }}</p> </div> - {{ if (eq (add $i 1) $len) }}</div>{{ end }} - {{ end -}} - </div> + {{ end }} + {{ if (eq (add $i 1) $len) }}</div>{{ end }} + {{ end -}} </div> {{ end -}} {{< /list-examples.inline >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album-rtl/index.html index 3408056bc..bae47373a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album-rtl/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album-rtl/index.html @@ -4,16 +4,16 @@ title: مثال الألبوم direction: rtl --- -<header> - <div class="collapse bg-dark" id="navbarHeader"> +<header data-bs-theme="dark"> + <div class="collapse text-bg-dark" id="navbarHeader"> <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 py-4"> - <h4 class="text-white">حول</h4> - <p class="text-muted">أضف بعض المعلومات حول الألبوم، المؤلف، أو أي سياق خلفية آخر. اجعلها بضع جمل حتى يتمكن الزوار من التقاط بعض التلميحات المفيدة. ثم اربطها ببعض مواقع التواصل الاجتماعي أو معلومات الاتصال.</p> + <h4>حول</h4> + <p class="text-body-secondary">أضف بعض المعلومات حول الألبوم، المؤلف، أو أي سياق خلفية آخر. اجعلها بضع جمل حتى يتمكن الزوار من التقاط بعض التلميحات المفيدة. ثم اربطها ببعض مواقع التواصل الاجتماعي أو معلومات الاتصال.</p> </div> <div class="col-sm-4 offset-md-1 py-4"> - <h4 class="text-white">تواصل معي</h4> + <h4>تواصل معي</h4> <ul class="list-unstyled"> <li><a href="#" class="text-white">تابعني على تويتر</a></li> <li><a href="#" class="text-white">شاركني الإعجاب في فيسبوك</a></li> @@ -42,7 +42,7 @@ direction: rtl <div class="row py-lg-5"> <div class="col-lg-6 col-md-8 mx-auto"> <h1 class="fw-light">مثال الألبوم</h1> - <p class="lead text-muted">وصف قصير حول الألبوم أدناه (محتوياته ، ومنشؤه ، وما إلى ذلك). اجعله قصير ولطيف، ولكن ليست قصير جدًا حتى لا يتخطى الناس هذا الألبوم تمامًا.</p> + <p class="lead text-body-secondary">وصف قصير حول الألبوم أدناه (محتوياته ، ومنشؤه ، وما إلى ذلك). اجعله قصير ولطيف، ولكن ليست قصير جدًا حتى لا يتخطى الناس هذا الألبوم تمامًا.</p> <p> <a href="#" class="btn btn-primary my-2">الدعوة الرئيسية للعمل</a> <a href="#" class="btn btn-secondary my-2">عمل ثانوي</a> @@ -51,7 +51,7 @@ direction: rtl </div> </section> - <div class="album py-5 bg-light"> + <div class="album py-5 bg-body-tertiary"> <div class="container"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3"> @@ -65,7 +65,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -80,7 +80,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -95,7 +95,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -111,7 +111,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -126,7 +126,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -141,7 +141,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -157,7 +157,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -172,7 +172,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -187,7 +187,7 @@ direction: rtl <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button> <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button> </div> - <small class="text-muted">9 دقائق</small> + <small class="text-body-secondary">9 دقائق</small> </div> </div> </div> @@ -198,7 +198,7 @@ direction: rtl </main> -<footer class="text-muted py-5"> +<footer class="text-body-secondary py-5"> <div class="container"> <p class="float-end mb-1"> <a href="#">عد إلى الأعلى</a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album/index.html index 2d25d726a..54b2c5bde 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/album/index.html @@ -3,16 +3,16 @@ layout: examples title: Album example --- -<header> - <div class="collapse bg-dark" id="navbarHeader"> +<header data-bs-theme="dark"> + <div class="collapse text-bg-dark" id="navbarHeader"> <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 py-4"> - <h4 class="text-white">About</h4> - <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p> + <h4>About</h4> + <p class="text-body-secondary">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p> </div> <div class="col-sm-4 offset-md-1 py-4"> - <h4 class="text-white">Contact</h4> + <h4>Contact</h4> <ul class="list-unstyled"> <li><a href="#" class="text-white">Follow on Twitter</a></li> <li><a href="#" class="text-white">Like on Facebook</a></li> @@ -41,7 +41,7 @@ title: Album example <div class="row py-lg-5"> <div class="col-lg-6 col-md-8 mx-auto"> <h1 class="fw-light">Album example</h1> - <p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p> + <p class="lead text-body-secondary">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p> <p> <a href="#" class="btn btn-primary my-2">Main call to action</a> <a href="#" class="btn btn-secondary my-2">Secondary action</a> @@ -50,7 +50,7 @@ title: Album example </div> </section> - <div class="album py-5 bg-light"> + <div class="album py-5 bg-body-tertiary"> <div class="container"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3"> @@ -64,7 +64,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -79,7 +79,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -94,7 +94,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -110,7 +110,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -125,7 +125,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -140,7 +140,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -156,7 +156,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -171,7 +171,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -186,7 +186,7 @@ title: Album example <button type="button" class="btn btn-sm btn-outline-secondary">View</button> <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> </div> - <small class="text-muted">9 mins</small> + <small class="text-body-secondary">9 mins</small> </div> </div> </div> @@ -197,7 +197,7 @@ title: Album example </main> -<footer class="text-muted py-5"> +<footer class="text-body-secondary py-5"> <div class="container"> <p class="float-end mb-1"> <a href="#">Back to top</a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/badges/badges.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/badges/badges.css new file mode 100644 index 000000000..b6ce0f5b8 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/badges/badges.css @@ -0,0 +1,3 @@ +.badge > a { + color: inherit; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/badges/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/badges/index.html new file mode 100644 index 000000000..a452d3666 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/badges/index.html @@ -0,0 +1,149 @@ +--- +layout: examples +title: Badges +extra_css: + - "badges.css" +body_class: "" +--- + +<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> + <symbol id="x-circle-fill" viewBox="0 0 16 16"> + <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/> + </symbol> +</svg> + +<div class="d-flex gap-2 justify-content-center py-5"> + <span class="badge text-bg-primary rounded-pill">Primary</span> + <span class="badge text-bg-secondary rounded-pill">Secondary</span> + <span class="badge text-bg-success rounded-pill">Success</span> + <span class="badge text-bg-danger rounded-pill">Danger</span> + <span class="badge text-bg-warning rounded-pill">Warning</span> + <span class="badge text-bg-info rounded-pill">Info</span> + <span class="badge text-bg-light rounded-pill">Light</span> + <span class="badge text-bg-dark rounded-pill">Dark</span> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <span class="badge bg-primary-subtle text-primary-emphasis rounded-pill">Primary</span> + <span class="badge bg-secondary-subtle text-secondary-emphasis rounded-pill">Secondary</span> + <span class="badge bg-success-subtle text-success-emphasis rounded-pill">Success</span> + <span class="badge bg-danger-subtle text-danger-emphasis rounded-pill">Danger</span> + <span class="badge bg-warning-subtle text-warning-emphasis rounded-pill">Warning</span> + <span class="badge bg-info-subtle text-info-emphasis rounded-pill">Info</span> + <span class="badge bg-light-subtle text-light-emphasis rounded-pill">Light</span> + <span class="badge bg-dark-subtle text-dark-emphasis rounded-pill">Dark</span> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <span class="badge bg-primary-subtle border border-primary-subtle text-primary-emphasis rounded-pill">Primary</span> + <span class="badge bg-secondary-subtle border border-secondary-subtle text-secondary-emphasis rounded-pill">Secondary</span> + <span class="badge bg-success-subtle border border-success-subtle text-success-emphasis rounded-pill">Success</span> + <span class="badge bg-danger-subtle border border-danger-subtle text-danger-emphasis rounded-pill">Danger</span> + <span class="badge bg-warning-subtle border border-warning-subtle text-warning-emphasis rounded-pill">Warning</span> + <span class="badge bg-info-subtle border border-info-subtle text-info-emphasis rounded-pill">Info</span> + <span class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-pill">Light</span> + <span class="badge bg-dark-subtle border border-dark-subtle text-dark-emphasis rounded-pill">Dark</span> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <span class="badge d-flex align-items-center p-1 pe-2 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Primary + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-secondary-emphasis bg-secondary-subtle border border-secondary-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Secondary + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-success-emphasis bg-success-subtle border border-success-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Success + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-danger-emphasis bg-danger-subtle border border-danger-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Danger + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Warning + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-info-emphasis bg-info-subtle border border-info-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Info + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-dark-emphasis bg-light-subtle border border-dark-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Light + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-dark-emphasis bg-dark-subtle border border-dark-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt="">Dark + </span> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <span class="badge d-flex p-2 align-items-center text-bg-primary rounded-pill"> + <span class="px-1">Primary</span> + <a href="#"><svg class="bi ms-1" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex p-2 align-items-center text-primary-emphasis bg-primary-subtle rounded-pill"> + <span class="px-1">Primary</span> + <a href="#"><svg class="bi ms-1" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex p-2 align-items-center text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-pill"> + <span class="px-1">Primary</span> + <a href="#"><svg class="bi ms-1" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <span class="badge d-flex align-items-center p-1 pe-2 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Primary + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-secondary-emphasis bg-secondary-subtle border border-secondary-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Secondary + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-success-emphasis bg-success-subtle border border-success-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Success + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-danger-emphasis bg-danger-subtle border border-danger-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Danger + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Warning + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-info-emphasis bg-info-subtle border border-info-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Info + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-light-emphasis bg-light-subtle border border-dark-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Light + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> + <span class="badge d-flex align-items-center p-1 pe-2 text-dark-emphasis bg-dark-subtle border border-dark-subtle rounded-pill"> + <img class="rounded-circle me-1" width="24" height="24" src="https://github.com/mdo.png" alt=""> + Dark + <span class="vr mx-2"></span> + <a href="#"><svg class="bi" width="16" height="16"><use xlink:href="#x-circle-fill"/></svg></a> + </span> +</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog-rtl/index.html index 05af925eb..c3c6c6293 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog-rtl/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog-rtl/index.html @@ -59,7 +59,7 @@ include_js: false <div class="col p-4 d-flex flex-column position-static"> <strong class="d-inline-block mb-2 text-primary">العالم</strong> <h3 class="mb-0">مشاركة مميزة</h3> - <div class="mb-1 text-muted">نوفمبر 12</div> + <div class="mb-1 text-body-secondary">نوفمبر 12</div> <p class="card-text mb-auto">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي.</p> <a href="#" class="stretched-link">أكمل القراءة</a> </div> @@ -73,7 +73,7 @@ include_js: false <div class="col p-4 d-flex flex-column position-static"> <strong class="d-inline-block mb-2 text-success">التصميم</strong> <h3 class="mb-0">عنوان الوظيفة</h3> - <div class="mb-1 text-muted">نوفمبر 11</div> + <div class="mb-1 text-body-secondary">نوفمبر 11</div> <p class="mb-auto">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي.</p> <a href="#" class="stretched-link">أكمل القراءة</a> </div> @@ -161,7 +161,7 @@ include_js: false <div class="col-md-4"> <div class="position-sticky" style="top: 2rem;"> - <div class="p-4 mb-3 bg-light rounded"> + <div class="p-4 mb-3 bg-body-tertiary rounded"> <h4 class="fst-italic">حول</h4> <p class="mb-0">أقبلت، فأقبلت معك الحياة بجميع صنوفها وألوانها: فالنبات ينبت، والأشجار تورق وتزهر، والهرة تموء، والقمري يسجع، والغنم يثغو، والبقر يخور، وكل أليف يدعو أليفه. كل شيء يشعر بالحياة وينسي هموم الحياة، ولا يذكر إلا سعادة الحياة، فإن كان الزمان جسدا فأنت روحه، وإن كان عمرا فأنت شبابه.</p> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog/index.html index 6b60ea069..9f11a21f9 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/blog/index.html @@ -14,7 +14,7 @@ include_js: false <a class="link-secondary" href="#">Subscribe</a> </div> <div class="col-4 text-center"> - <a class="blog-header-logo text-dark" href="#">Large</a> + <a class="blog-header-logo text-body-emphasis" href="#">Large</a> </div> <div class="col-4 d-flex justify-content-end align-items-center"> <a class="link-secondary" href="#" aria-label="Search"> @@ -58,7 +58,7 @@ include_js: false <div class="col p-4 d-flex flex-column position-static"> <strong class="d-inline-block mb-2 text-primary">World</strong> <h3 class="mb-0">Featured post</h3> - <div class="mb-1 text-muted">Nov 12</div> + <div class="mb-1 text-body-secondary">Nov 12</div> <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p> <a href="#" class="stretched-link">Continue reading</a> </div> @@ -72,7 +72,7 @@ include_js: false <div class="col p-4 d-flex flex-column position-static"> <strong class="d-inline-block mb-2 text-success">Design</strong> <h3 class="mb-0">Post title</h3> - <div class="mb-1 text-muted">Nov 11</div> + <div class="mb-1 text-body-secondary">Nov 11</div> <p class="mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p> <a href="#" class="stretched-link">Continue reading</a> </div> @@ -213,7 +213,7 @@ include_js: false <div class="col-md-4"> <div class="position-sticky" style="top: 2rem;"> - <div class="p-4 mb-3 bg-light rounded"> + <div class="p-4 mb-3 bg-body-tertiary rounded"> <h4 class="fst-italic">About</h4> <p class="mb-0">Customize this section to tell your visitors a little bit about your publication, writers, content, or something else entirely. Totally up to you.</p> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/breadcrumbs/breadcrumbs.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/breadcrumbs/breadcrumbs.css new file mode 100644 index 000000000..a6be55861 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/breadcrumbs/breadcrumbs.css @@ -0,0 +1,50 @@ +.breadcrumb-chevron { + --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); + gap: .5rem; +} +.breadcrumb-chevron .breadcrumb-item { + display: flex; + gap: inherit; + align-items: center; + padding-left: 0; + line-height: 1; +} +.breadcrumb-chevron .breadcrumb-item::before { + gap: inherit; + float: none; + width: 1rem; + height: 1rem; +} + +.breadcrumb-custom .breadcrumb-item { + position: relative; + flex-grow: 1; + padding: .75rem 3rem; +} +.breadcrumb-custom .breadcrumb-item::before { + display: none; +} +.breadcrumb-custom .breadcrumb-item::after { + position: absolute; + top: 50%; + right: -25px; + z-index: 1; + display: inline-block; + width: 50px; + height: 50px; + margin-top: -25px; + content: ""; + background-color: var(--bs-tertiary-bg); + border-top-right-radius: .5rem; + box-shadow: 1px -1px var(--bs-border-color); + transform: scale(.707) rotate(45deg); +} +.breadcrumb-custom .breadcrumb-item:first-child { + padding-left: 1.5rem; +} +.breadcrumb-custom .breadcrumb-item:last-child { + padding-right: 1.5rem; +} +.breadcrumb-custom .breadcrumb-item:last-child::after { + display: none; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/breadcrumbs/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/breadcrumbs/index.html new file mode 100644 index 000000000..2d90962d0 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/breadcrumbs/index.html @@ -0,0 +1,88 @@ +--- +layout: examples +title: Breadcrumbs +extra_css: + - "breadcrumbs.css" +body_class: "" +--- + +<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> + <symbol id="house-door-fill" viewBox="0 0 16 16"> + <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5z"/> + </symbol> +</svg> + +<div class="container my-5"> + <nav aria-label="breadcrumb"> + <ol class="breadcrumb p-3 bg-body-tertiary rounded-3"> + <li class="breadcrumb-item"><a href="#">Home</a></li> + <li class="breadcrumb-item"><a href="#">Library</a></li> + <li class="breadcrumb-item active" aria-current="page">Data</li> + </ol> + </nav> +</div> + +<div class="b-example-divider"></div> + +<div class="container my-5"> + <nav aria-label="breadcrumb"> + <ol class="breadcrumb p-3 bg-body-tertiary rounded-3"> + <li class="breadcrumb-item"> + <a class="link-body-emphasis" href="#"> + <svg class="bi" width="16" height="16"><use xlink:href="#house-door-fill"></use></svg> + <span class="visually-hidden">Home</span> + </a> + </li> + <li class="breadcrumb-item"> + <a class="link-body-emphasis fw-semibold text-decoration-none" href="#">Library</a> + </li> + <li class="breadcrumb-item active" aria-current="page"> + Data + </li> + </ol> + </nav> +</div> + +<div class="b-example-divider"></div> + +<div class="container my-5"> + <nav aria-label="breadcrumb"> + <ol class="breadcrumb breadcrumb-chevron p-3 bg-body-tertiary rounded-3"> + <li class="breadcrumb-item"> + <a class="link-body-emphasis" href="#"> + <svg class="bi" width="16" height="16"><use xlink:href="#house-door-fill"></use></svg> + <span class="visually-hidden">Home</span> + </a> + </li> + <li class="breadcrumb-item"> + <a class="link-body-emphasis fw-semibold text-decoration-none" href="#">Library</a> + </li> + <li class="breadcrumb-item active" aria-current="page"> + Data + </li> + </ol> + </nav> +</div> + +<div class="b-example-divider"></div> + +<div class="container my-5"> + <nav aria-label="breadcrumb"> + <ol class="breadcrumb breadcrumb-custom overflow-hidden text-center bg-body-tertiary border rounded-3"> + <li class="breadcrumb-item"> + <a class="link-body-emphasis fw-semibold text-decoration-none" href="#"> + <svg class="bi" width="16" height="16"><use xlink:href="#house-door-fill"></use></svg> + Home + </a> + </li> + <li class="breadcrumb-item"> + <a class="link-body-emphasis fw-semibold text-decoration-none" href="#">Library</a> + </li> + <li class="breadcrumb-item active" aria-current="page"> + Data + </li> + </ol> + </nav> +</div> + +<div class="b-example-divider"></div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/buttons/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/buttons/index.html new file mode 100644 index 000000000..f1b5ea6ba --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/buttons/index.html @@ -0,0 +1,88 @@ +--- +layout: examples +title: Buttons +body_class: "" +--- + +<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> + <symbol id="arrow-right-short" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/> + </symbol> + <symbol id="x-lg" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"/> + <path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"/> + </symbol> +</svg> + +<div class="d-flex gap-2 justify-content-center py-5"> + <button class="btn btn-primary rounded-pill px-3" type="button">Primary</button> + <button class="btn btn-secondary rounded-pill px-3" type="button">Secondary</button> + <button class="btn btn-success rounded-pill px-3" type="button">Success</button> + <button class="btn btn-danger rounded-pill px-3" type="button">Danger</button> + <button class="btn btn-warning rounded-pill px-3" type="button">Warning</button> + <button class="btn btn-info rounded-pill px-3" type="button">Info</button> + <button class="btn btn-light rounded-pill px-3" type="button">Light</button> + <button class="btn btn-dark rounded-pill px-3" type="button">Dark</button> + <button class="btn btn-link rounded-pill px-3" type="button">Link</button> +</div> + +<div class="b-example-divider"></div> + +<div class="col-lg-6 col-xxl-4 my-5 mx-auto"> + <div class="d-grid gap-2"> + <button class="btn btn-outline-secondary" type="button">Secondary action</button> + <button class="btn btn-primary" type="button">Primary action</button> + </div> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <button class="btn btn-primary d-inline-flex align-items-center" type="button"> + Primary icon + <svg class="bi ms-1" width="20" height="20"><use xlink:href="#arrow-right-short"/></svg> + </button> + <button class="btn btn-outline-secondary d-inline-flex align-items-center" type="button"> + Secondary icon + <svg class="bi ms-1" width="20" height="20"><use xlink:href="#arrow-right-short"/></svg> + </button> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center py-5"> + <button class="btn btn-primary" type="button" disabled> + <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> + <span class="visually-hidden">Loading...</span> + </button> + <button class="btn btn-primary" type="button" disabled> + <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> + Loading... + </button> +</div> + +<div class="b-example-divider"></div> + +<div class="d-flex gap-2 justify-content-center pt-5 pb-4"> + <button class="btn btn-primary rounded-circle p-2 lh-1" type="button"> + <svg class="bi" width="16" height="16"><use xlink:href="#x-lg"/></svg> + <span class="visually-hidden">Dismiss</span> + </button> + <button class="btn btn-outline-primary rounded-circle p-2 lh-1" type="button"> + <svg class="bi" width="16" height="16"><use xlink:href="#x-lg"/></svg> + <span class="visually-hidden">Dismiss</span> + </button> +</div> + +<div class="d-flex gap-2 justify-content-center pb-5"> + <button class="btn btn-primary rounded-circle p-3 lh-1" type="button"> + <svg class="bi" width="24" height="24"><use xlink:href="#x-lg"/></svg> + <span class="visually-hidden">Dismiss</span> + </button> + <button class="btn btn-outline-primary rounded-circle p-3 lh-1" type="button"> + <svg class="bi" width="24" height="24"><use xlink:href="#x-lg"/></svg> + <span class="visually-hidden">Dismiss</span> + </button> +</div> + +<div class="b-example-divider"></div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel-rtl/index.html index b8c35d669..aa42eb50d 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel-rtl/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel-rtl/index.html @@ -6,7 +6,7 @@ extra_css: - "../carousel/carousel.rtl.css" --- -<header> +<header data-bs-theme="dark"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">شرائح العرض</a> @@ -44,7 +44,7 @@ extra_css: </div> <div class="carousel-inner"> <div class="carousel-item active"> - {{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}} + {{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}} <div class="container"> <div class="carousel-caption text-start"> <h1>عنوان المثال.</h1> @@ -54,7 +54,7 @@ extra_css: </div> </div> <div class="carousel-item"> - {{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}} + {{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}} <div class="container"> <div class="carousel-caption"> <h1>عنوان مثال آخر.</h1> @@ -64,7 +64,7 @@ extra_css: </div> </div> <div class="carousel-item"> - {{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}} + {{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}} <div class="container"> <div class="carousel-caption text-end"> <h1>واحد أكثر لقياس جيد.</h1> @@ -94,19 +94,19 @@ extra_css: <!-- Three columns of text below the carousel --> <div class="row"> <div class="col-lg-4"> - {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + {{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}} <h2 class="fw-normal">عنوان</h2> <p>تذكر دائماً أن الحاسوب لا يمتلك ذكاءً، ولكنه يكتسب الذكاء الاصطناعي من خلال ثلاثة عناصر وظيفية رئيسة، هي: القدرة على التحليل، والقدرة على التأليف، والاستدلال المنطقي.</p> <p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p> </div><!-- /.col-lg-4 --> <div class="col-lg-4"> - {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + {{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}} <h2 class="fw-normal">عنوان آخر</h2> <p>إذا أردنا استخدام الحاسوب الذكي في معالجة اللغة العربية فإننا نجد أنفسنا أمام تحدٍّ كبير، خاصة وأن لغتنا تمتاز بتماسك منظوماتها وتداخلها، ومع ذلك فإن الذكاء الاصطناعي يمكّننا من الحصول على أربعة أنواع من المعالجة، هي: المعالجة الصوتية، والمعالجة الصرفية، والمعالجة النحوية، والمعالجة الدلالية.</p> <p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p> </div><!-- /.col-lg-4 --> <div class="col-lg-4"> - {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + {{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}} <h2 class="fw-normal">عنوان ثالث لتأكيد المعلومة</h2> <p>بفضل بحوث الذكاء الاصطناعي وتقنياته استطعنا الانتقال من مرحلة التعامل مع الفيزيائي إلى مرحلة التعامل مع المنطقي، وقد انعكس هذا الانتقال بصورة إيجابية على الكيفية التي تتعامل بها الشعوب مع لغاتها الحيَّة، وهذا يعني أنه يجب أن ينعكس بصورة إيجابية على كيفية تعاملنا مع لغتنا العربية.</p> <p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p> @@ -120,11 +120,11 @@ extra_css: <div class="row featurette"> <div class="col-md-7"> - <h2 class="featurette-heading fw-normal lh-1">العنوان الأول المميز. <span class="text-muted"> سيذهل عقلك. </span></h2> + <h2 class="featurette-heading fw-normal lh-1">العنوان الأول المميز. <span class="text-body-secondary"> سيذهل عقلك. </span></h2> <p class="lead">وجه الإنسان هو جزء معقَّد ومتميِّز للغاية من جسمه. وفي الواقع، إنه أحد أكثر أنظمة الإشارات المتاحة تعقيداً لدينا؛ فهو يتضمَّن أكثر من 40 عضلة مستقلة هيكلياً ووظيفياً، بحيث يمكن تشغيل كل منها بشكل مستقل عن البعض الآخر؛ وتشكِّل أحد أقوى مؤشرات العواطف.</p> </div> <div class="col-md-5"> - {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + {{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} </div> </div> @@ -132,11 +132,11 @@ extra_css: <div class="row featurette"> <div class="col-md-7 order-md-2"> - <h2 class="featurette-heading fw-normal lh-1">أوه نعم، هذا جيد. <span class="text-muted"> شاهد بنفسك. </span></h2> + <h2 class="featurette-heading fw-normal lh-1">أوه نعم، هذا جيد. <span class="text-body-secondary"> شاهد بنفسك. </span></h2> <p class="lead">عندما نضحك أو نبكي، فإننا نعرض عواطفنا، مما يسمح للآخرين بإلقاء نظرة خاطفة على أذهاننا أثناء "قراءة" وجوهنا بناءً على التغييرات في مكوّنات الوجه الرئيسة، مثل: العينين والحاجبين والجفنين والأنف والشفتين.</p> </div> <div class="col-md-5 order-md-1"> - {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + {{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} </div> </div> @@ -144,11 +144,11 @@ extra_css: <div class="row featurette"> <div class="col-md-7"> - <h2 class="featurette-heading fw-normal lh-1">وأخيرًا، هذا. <span class="text-muted"> كش ملك. </span></h2> + <h2 class="featurette-heading fw-normal lh-1">وأخيرًا، هذا. <span class="text-body-secondary"> كش ملك. </span></h2> <p class="lead">إن جميع العضلات في أجسامنا مدعمة بالأعصاب المتصلة من كافة أنحاء الجسم بالنخاع الشوكي والدماغ. وهذا الاتصال العصبي هو ثنائي الاتجاه، أي إن العصب يتسبَّب في تقلصات العضلات بناءً على إشارات الدماغ، ويقوم في الوقت نفسه بإرسال معلومات عن حالة العضلات إلى الدماغ</p> </div> <div class="col-md-5"> - {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + {{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} </div> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.css index 0bdf9768d..be0af524a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.css @@ -5,7 +5,7 @@ body { padding-top: 3rem; padding-bottom: 3rem; - color: #5a5a5a; + color: rgb(var(--bs-tertiary-color-rgb)); } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.rtl.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.rtl.css index d20a8111a..9ff275d4e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.rtl.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/carousel.rtl.css @@ -5,7 +5,7 @@ body { padding-top: 3rem; padding-bottom: 3rem; - color: #5a5a5a; + color: rgb(var(--bs-tertiary-color-rgb)); } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/index.html index 67c0dd529..fec439b4e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/carousel/index.html @@ -5,7 +5,7 @@ extra_css: - "carousel.css" --- -<header> +<header data-bs-theme="dark"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Carousel</a> @@ -43,7 +43,7 @@ extra_css: </div> <div class="carousel-inner"> <div class="carousel-item active"> - {{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}} + {{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}} <div class="container"> <div class="carousel-caption text-start"> <h1>Example headline.</h1> @@ -53,7 +53,7 @@ extra_css: </div> </div> <div class="carousel-item"> - {{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}} + {{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}} <div class="container"> <div class="carousel-caption"> <h1>Another example headline.</h1> @@ -63,7 +63,7 @@ extra_css: </div> </div> <div class="carousel-item"> - {{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}} + {{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}} <div class="container"> <div class="carousel-caption text-end"> <h1>One more for good measure.</h1> @@ -93,19 +93,19 @@ extra_css: <!-- Three columns of text below the carousel --> <div class="row"> <div class="col-lg-4"> - {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + {{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}} <h2 class="fw-normal">Heading</h2> <p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p> <p><a class="btn btn-secondary" href="#">View details »</a></p> </div><!-- /.col-lg-4 --> <div class="col-lg-4"> - {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + {{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}} <h2 class="fw-normal">Heading</h2> <p>Another exciting bit of representative placeholder content. This time, we've moved on to the second column.</p> <p><a class="btn btn-secondary" href="#">View details »</a></p> </div><!-- /.col-lg-4 --> <div class="col-lg-4"> - {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + {{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}} <h2 class="fw-normal">Heading</h2> <p>And lastly this, the third column of representative placeholder content.</p> <p><a class="btn btn-secondary" href="#">View details »</a></p> @@ -119,11 +119,11 @@ extra_css: <div class="row featurette"> <div class="col-md-7"> - <h2 class="featurette-heading fw-normal lh-1">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2> + <h2 class="featurette-heading fw-normal lh-1">First featurette heading. <span class="text-body-secondary">It’ll blow your mind.</span></h2> <p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p> </div> <div class="col-md-5"> - {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + {{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} </div> </div> @@ -131,11 +131,11 @@ extra_css: <div class="row featurette"> <div class="col-md-7 order-md-2"> - <h2 class="featurette-heading fw-normal lh-1">Oh yeah, it’s that good. <span class="text-muted">See for yourself.</span></h2> + <h2 class="featurette-heading fw-normal lh-1">Oh yeah, it’s that good. <span class="text-body-secondary">See for yourself.</span></h2> <p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p> </div> <div class="col-md-5 order-md-1"> - {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + {{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} </div> </div> @@ -143,11 +143,11 @@ extra_css: <div class="row featurette"> <div class="col-md-7"> - <h2 class="featurette-heading fw-normal lh-1">And lastly, this one. <span class="text-muted">Checkmate.</span></h2> + <h2 class="featurette-heading fw-normal lh-1">And lastly, this one. <span class="text-body-secondary">Checkmate.</span></h2> <p class="lead">And yes, this is the last block of representative placeholder content. Again, not really intended to be actually read, simply here to give you a better view of what this would look like with some actual content. Your content.</p> </div> <div class="col-md-5"> - {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + {{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} </div> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet-rtl/index.html index d3d0c6f00..8ffbb5726 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet-rtl/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet-rtl/index.html @@ -5,7 +5,7 @@ extra_css: - "../cheatsheet/cheatsheet.rtl.css" extra_js: - src: "../cheatsheet/cheatsheet.js" -body_class: "bg-light" +body_class: "bg-body-tertiary" direction: rtl --- @@ -18,7 +18,7 @@ direction: rtl <a href="{{< docsref "/examples/cheatsheet" >}}" class="ms-auto link-light" hreflang="en">جدول بيانات LTR</a> </div> </header> -<aside class="bd-aside sticky-xl-top text-muted align-self-start mb-3 mb-xl-5 px-2"> +<aside class="bd-aside sticky-xl-top text-body-secondary align-self-start mb-3 mb-xl-5 px-2"> <h2 class="h6 pt-4 pb-3 mb-4 border-bottom">على هذه الصفحة</h2> <nav class="small" id="toc"> <ul class="list-unstyled"> @@ -623,36 +623,36 @@ direction: rtl {{< example show_markup="false" >}} <div class="accordion" id="accordionExample"> <div class="accordion-item"> - <h4 class="accordion-header" id="headingOne"> + <h4 class="accordion-header"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> عنصر المطوية الأول </button> </h4> - <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> + <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>هذا هو محتوى عنصر المطوية الأول.</strong> سيكون المحتوى مخفيًا بشكل إفتراضي حتى يقوم Bootstrap بإضافة الكلاسات اللازمة لكل عنصر في المطوية. هذه الكلاسات تتحكم بالمظهر العام ووتتحكم أيضا بإظهار وإخفاء أقسام المطوية عبر حركات CSS الإنتقالية. يمكنك تعديل أي من هذه عبر كلاسات CSS خاصة بك، او عبر تغيير القيم الإفتراضية المقدمة من Bootstrap. من الجدير بالذكر أنه يمكن وضع أي كود HTML هنا، ولكن الحركة الإنتقالية قد تحد من الoverflow. </div> </div> </div> <div class="accordion-item"> - <h4 class="accordion-header" id="headingTwo"> + <h4 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> عنصر المطوية الثاني </button> </h4> - <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> + <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>هذا هو محتوى عنصر المطوية الثاني.</strong> سيكون المحتوى مخفيًا بشكل إفتراضي حتى يقوم Bootstrap بإضافة الكلاسات اللازمة لكل عنصر في المطوية. هذه الكلاسات تتحكم بالمظهر العام ووتتحكم أيضا بإظهار وإخفاء أقسام المطوية عبر حركات CSS الإنتقالية. يمكنك تعديل أي من هذه عبر كلاسات CSS خاصة بك، او عبر تغيير القيم الإفتراضية المقدمة من Bootstrap. من الجدير بالذكر أنه يمكن وضع أي كود HTML هنا، ولكن الحركة الإنتقالية قد تحد من الoverflow. </div> </div> </div> <div class="accordion-item"> - <h4 class="accordion-header" id="headingThree"> + <h4 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> عنصر المطوية الثالث </button> </h4> - <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> + <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>هذا هو محتوى عنصر المطوية الثالث.</strong> سيكون المحتوى مخفيًا بشكل إفتراضي حتى يقوم Bootstrap بإضافة الكلاسات اللازمة لكل عنصر في المطوية. هذه الكلاسات تتحكم بالمظهر العام ووتتحكم أيضا بإظهار وإخفاء أقسام المطوية عبر حركات CSS الإنتقالية. يمكنك تعديل أي من هذه عبر كلاسات CSS خاصة بك، او عبر تغيير القيم الإفتراضية المقدمة من Bootstrap. من الجدير بالذكر أنه يمكن وضع أي كود HTML هنا، ولكن الحركة الإنتقالية قد تحد من الoverflow. </div> @@ -821,7 +821,7 @@ direction: rtl <p class="card-text">بعض الأمثلة السريعة للنصوص للبناء على عنوان البطاقة وتشكيل الجزء الأكبر من محتوى البطاقة.</p> <a href="#" class="btn btn-primary">اذهب لمكان ما</a> </div> - <div class="card-footer text-muted"> + <div class="card-footer text-body-secondary"> منذ يومان </div> </div> @@ -853,7 +853,7 @@ direction: rtl <div class="card-body"> <h5 class="card-title">عنوان البطاقة</h5> <p class="card-text">هذه بطاقة أعرض مع نص داعم تحتها كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p> - <p class="card-text"><small class="text-muted">آخر تحديث منذ 3 دقائق</small></p> + <p class="card-text"><small class="text-body-secondary">آخر تحديث منذ 3 دقائق</small></p> </div> </div> </div> @@ -1221,7 +1221,7 @@ direction: rtl <div> {{< example show_markup="false" >}} - <nav class="navbar navbar-expand-lg bg-light"> + <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <a class="navbar-brand" href="#"> <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy" @@ -1434,7 +1434,7 @@ direction: rtl <div> <div class="bd-example"> - <nav id="navbar-example2" class="navbar bg-light px-3"> + <nav id="navbar-example2" class="navbar bg-body-tertiary px-3"> <a class="navbar-brand" href="#">شريط التنقل</a> <ul class="nav nav-pills"> <li class="nav-item"> @@ -1510,7 +1510,7 @@ direction: rtl <div class="toast-header"> {{< placeholder width="20" height="20" background="#007aff" class="rounded me-2" text="false" title="false" >}} <strong class="me-auto">Bootstrap</strong> - <small class="text-muted">قبل 11 دقيقة</small> + <small class="text-body-secondary">قبل 11 دقيقة</small> <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="قريب"></button> </div> <div class="toast-body"> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet/index.html index 6ee32654d..7470c4efe 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/cheatsheet/index.html @@ -5,7 +5,7 @@ extra_css: - "cheatsheet.css" extra_js: - src: "cheatsheet.js" -body_class: "bg-light" +body_class: "bg-body-tertiary" --- <header class="bd-header bg-dark py-3 d-flex align-items-stretch border-bottom border-dark"> @@ -17,7 +17,7 @@ body_class: "bg-light" <a href="{{< docsref "/examples/cheatsheet-rtl" >}}" class="ms-auto link-light" hreflang="ar">RTL cheatsheet</a> </div> </header> -<aside class="bd-aside sticky-xl-top text-muted align-self-start mb-3 mb-xl-5 px-2"> +<aside class="bd-aside sticky-xl-top text-body-secondary align-self-start mb-3 mb-xl-5 px-2"> <h2 class="h6 pt-4 pb-3 mb-4 border-bottom">On this page</h2> <nav class="small" id="toc"> <ul class="list-unstyled"> @@ -622,36 +622,36 @@ body_class: "bg-light" {{< example show_markup="false" >}} <div class="accordion" id="accordionExample"> <div class="accordion-item"> - <h4 class="accordion-header" id="headingOne"> + <h4 class="accordion-header"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Accordion Item #1 </button> </h4> - <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> + <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item"> - <h4 class="accordion-header" id="headingTwo"> + <h4 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Accordion Item #2 </button> </h4> - <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> + <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item"> - <h4 class="accordion-header" id="headingThree"> + <h4 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Accordion Item #3 </button> </h4> - <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> + <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div> @@ -820,7 +820,7 @@ body_class: "bg-light" <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> - <div class="card-footer text-muted"> + <div class="card-footer text-body-secondary"> 2 days ago </div> </div> @@ -852,7 +852,7 @@ body_class: "bg-light" <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> + <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p> </div> </div> </div> @@ -1220,7 +1220,7 @@ body_class: "bg-light" <div> {{< example show_markup="false" >}} - <nav class="navbar navbar-expand-lg bg-light"> + <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <a class="navbar-brand" href="#"> <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy" @@ -1431,7 +1431,7 @@ body_class: "bg-light" <div> <div class="bd-example"> - <nav id="navbar-example2" class="navbar bg-light px-3"> + <nav id="navbar-example2" class="navbar bg-body-tertiary px-3"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav nav-pills"> <li class="nav-item"> @@ -1506,7 +1506,7 @@ body_class: "bg-light" <div class="toast-header"> {{< placeholder width="20" height="20" background="#007aff" class="rounded me-2" text="false" title="false" >}} <strong class="me-auto">Bootstrap</strong> - <small class="text-muted">11 mins ago</small> + <small class="text-body-secondary">11 mins ago</small> <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout-rtl/index.html index e2a7971c1..6516efea6 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout-rtl/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout-rtl/index.html @@ -6,7 +6,7 @@ extra_css: - "../checkout/checkout.css" extra_js: - src: "../checkout/checkout.js" -body_class: "bg-light" +body_class: "bg-body-tertiary" --- <div class="container"> @@ -20,32 +20,32 @@ body_class: "bg-light" <div class="row g-3"> <div class="col-md-5 col-lg-4 order-md-last"> <h4 class="d-flex justify-content-between align-items-center mb-3"> - <span class="text-muted">عربة التسوق</span> + <span class="text-body-secondary">عربة التسوق</span> <span class="badge bg-secondary rounded-pill">3</span> </h4> <ul class="list-group mb-3"> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">اسم المنتج</h6> - <small class="text-muted">وصف مختصر</small> + <small class="text-body-secondary">وصف مختصر</small> </div> - <span class="text-muted">$12</span> + <span class="text-body-secondary">$12</span> </li> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">المنتج الثاني</h6> - <small class="text-muted">وصف مختصر</small> + <small class="text-body-secondary">وصف مختصر</small> </div> - <span class="text-muted">$8</span> + <span class="text-body-secondary">$8</span> </li> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">البند الثالث</h6> - <small class="text-muted">وصف مختصر</small> + <small class="text-body-secondary">وصف مختصر</small> </div> - <span class="text-muted">$5</span> + <span class="text-body-secondary">$5</span> </li> - <li class="list-group-item d-flex justify-content-between bg-light"> + <li class="list-group-item d-flex justify-content-between bg-body-tertiary"> <div class="text-success"> <h6 class="my-0">رمز ترويجي</h6> <small>EXAMPLECODE</small> @@ -97,7 +97,7 @@ body_class: "bg-light" </div> <div class="col-12"> - <label for="email" class="form-label">البريد الإلكتروني <span class="text-muted">(اختياري)</span></label> + <label for="email" class="form-label">البريد الإلكتروني <span class="text-body-secondary">(اختياري)</span></label> <input type="email" class="form-control" id="email" placeholder="you@example.com"> <div class="invalid-feedback"> يرجى إدخال عنوان بريد إلكتروني صحيح لتصلكم تحديثات الشحن. @@ -113,7 +113,7 @@ body_class: "bg-light" </div> <div class="col-12"> - <label for="address2" class="form-label">عنوان 2 <span class="text-muted">(اختياري)</span></label> + <label for="address2" class="form-label">عنوان 2 <span class="text-body-secondary">(اختياري)</span></label> <input type="text" class="form-control" id="address2" placeholder="شقة 24"> </div> @@ -183,7 +183,7 @@ body_class: "bg-light" <div class="col-md-6"> <label for="cc-name" class="form-label">الاسم على البطاقة</label> <input type="text" class="form-control" id="cc-name" placeholder="" required> - <small class="text-muted">الاسم الكامل كما هو معروض على البطاقة</small> + <small class="text-body-secondary">الاسم الكامل كما هو معروض على البطاقة</small> <div class="invalid-feedback"> الاسم على البطاقة مطلوب </div> @@ -221,7 +221,7 @@ body_class: "bg-light" </div> </div> </main> - <footer class="my-5 pt-5 text-muted text-center text-small"> + <footer class="my-5 pt-5 text-body-secondary text-center text-small"> <p class="mb-1">© {{< year >}}-2017 اسم الشركة</p> <ul class="list-inline"> <li class="list-inline-item"><a href="#">سياسة الخصوصية</a></li> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout/index.html index ba415f0d9..d39f0f2a4 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/checkout/index.html @@ -5,7 +5,7 @@ extra_css: - "checkout.css" extra_js: - src: "checkout.js" -body_class: "bg-light" +body_class: "bg-body-tertiary" --- <div class="container"> @@ -26,25 +26,25 @@ body_class: "bg-light" <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">Product name</h6> - <small class="text-muted">Brief description</small> + <small class="text-body-secondary">Brief description</small> </div> - <span class="text-muted">$12</span> + <span class="text-body-secondary">$12</span> </li> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">Second product</h6> - <small class="text-muted">Brief description</small> + <small class="text-body-secondary">Brief description</small> </div> - <span class="text-muted">$8</span> + <span class="text-body-secondary">$8</span> </li> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">Third item</h6> - <small class="text-muted">Brief description</small> + <small class="text-body-secondary">Brief description</small> </div> - <span class="text-muted">$5</span> + <span class="text-body-secondary">$5</span> </li> - <li class="list-group-item d-flex justify-content-between bg-light"> + <li class="list-group-item d-flex justify-content-between bg-body-tertiary"> <div class="text-success"> <h6 class="my-0">Promo code</h6> <small>EXAMPLECODE</small> @@ -96,7 +96,7 @@ body_class: "bg-light" </div> <div class="col-12"> - <label for="email" class="form-label">Email <span class="text-muted">(Optional)</span></label> + <label for="email" class="form-label">Email <span class="text-body-secondary">(Optional)</span></label> <input type="email" class="form-control" id="email" placeholder="you@example.com"> <div class="invalid-feedback"> Please enter a valid email address for shipping updates. @@ -112,7 +112,7 @@ body_class: "bg-light" </div> <div class="col-12"> - <label for="address2" class="form-label">Address 2 <span class="text-muted">(Optional)</span></label> + <label for="address2" class="form-label">Address 2 <span class="text-body-secondary">(Optional)</span></label> <input type="text" class="form-control" id="address2" placeholder="Apartment or suite"> </div> @@ -182,7 +182,7 @@ body_class: "bg-light" <div class="col-md-6"> <label for="cc-name" class="form-label">Name on card</label> <input type="text" class="form-control" id="cc-name" placeholder="" required> - <small class="text-muted">Full name as displayed on card</small> + <small class="text-body-secondary">Full name as displayed on card</small> <div class="invalid-feedback"> Name on card is required </div> @@ -221,7 +221,7 @@ body_class: "bg-light" </div> </main> - <footer class="my-5 pt-5 text-muted text-center text-small"> + <footer class="my-5 pt-5 text-body-secondary text-center text-small"> <p class="mb-1">© 2017–{{< year >}} Company Name</p> <ul class="list-inline"> <li class="list-inline-item"><a href="#">Privacy</a></li> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/dashboard.js b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/dashboard.js index 96e0895bf..d278c628b 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/dashboard.js +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/dashboard.js @@ -38,15 +38,13 @@ }] }, options: { - scales: { - yAxes: [{ - ticks: { - beginAtZero: false - } - }] - }, - legend: { - display: false + plugins: { + legend: { + display: false + }, + tooltip: { + boxPadding: 3 + } } } }) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/index.html index bc41cc604..9b2eb8caf 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard-rtl/index.html @@ -7,8 +7,8 @@ extra_css: extra_js: - src: "https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity: "sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" - - src: "https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" - integrity: "sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" + - src: "https://cdn.jsdelivr.net/npm/chart.js@4.2.1/dist/chart.umd.min.js" + integrity: "sha384-gdQErvCNWvHQZj6XZM0dNsAoY4v+j5P1XDpNkcM3HJG1Yx04ecqIHk7+4VBOCHOG" - src: "dashboard.js" --- @@ -27,7 +27,7 @@ extra_js: <div class="container-fluid"> <div class="row"> - <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"> + <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-body-tertiary sidebar collapse"> <div class="position-sticky pt-3 sidebar-sticky"> <ul class="nav flex-column"> <li class="nav-item"> @@ -68,7 +68,7 @@ extra_js: </li> </ul> - <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted text-uppercase"> + <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-body-secondary text-uppercase"> <span>التقارير المحفوظة</span> <a class="link-secondary" href="#" aria-label="إضافة تقرير جديد"> <span data-feather="plus-circle" class="align-text-bottom"></span> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js index e1379758b..d190d7961 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js @@ -38,15 +38,13 @@ }] }, options: { - scales: { - yAxes: [{ - ticks: { - beginAtZero: false - } - }] - }, - legend: { - display: false + plugins: { + legend: { + display: false + }, + tooltip: { + boxPadding: 3 + } } } }) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html index b3b40c266..88ac303ab 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html @@ -6,8 +6,8 @@ extra_css: extra_js: - src: "https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity: "sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" - - src: "https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" - integrity: "sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" + - src: "https://cdn.jsdelivr.net/npm/chart.js@4.2.1/dist/chart.umd.min.js" + integrity: "sha384-gdQErvCNWvHQZj6XZM0dNsAoY4v+j5P1XDpNkcM3HJG1Yx04ecqIHk7+4VBOCHOG" - src: "dashboard.js" --- @@ -26,7 +26,7 @@ extra_js: <div class="container-fluid"> <div class="row"> - <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"> + <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-body-tertiary sidebar collapse"> <div class="position-sticky pt-3 sidebar-sticky"> <ul class="nav flex-column"> <li class="nav-item"> @@ -67,7 +67,7 @@ extra_js: </li> </ul> - <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted text-uppercase"> + <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-body-secondary text-uppercase"> <span>Saved reports</span> <a class="link-secondary" href="#" aria-label="Add a new report"> <span data-feather="plus-circle" class="align-text-bottom"></span> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/dropdowns.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/dropdowns.css index 556f310a9..f633e2cd8 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/dropdowns.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/dropdowns.css @@ -1,7 +1,3 @@ -.dropdown-menu { - margin: 4rem auto; -} - .dropdown-item-danger { color: var(--bs-red); } @@ -15,12 +11,13 @@ } .btn-hover-light { - background-color: var(--bs-white); + color: var(--bs-body-color); + background-color: var(--bs-body-bg); } .btn-hover-light:hover, .btn-hover-light:focus { - color: var(--bs-blue); - background-color: var(--bs-light); + color: var(--bs-link-hover-color); + background-color: var(--bs-tertiary-bg); } .cal-month, @@ -46,22 +43,17 @@ } .cal-btn:not([disabled]) { font-weight: 500; + color: var(--bs-emphasis-color); } .cal-btn:hover, .cal-btn:focus { - background-color: rgba(0, 0, 0, .05); + background-color: var(--bs-secondary-bg); } .cal-btn[disabled] { border: 0; opacity: .5; } -.form-control-dark { - background-color: rgba(255, 255, 255, .05); - border-color: rgba(255, 255, 255, .15); -} - - .w-220px { width: 220px; } @@ -74,6 +66,6 @@ width: 340px; } -.w-600px { - width: 600px; +.opacity-10 { + opacity: .1; } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/index.html index f08f69701..3dac768f2 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dropdowns/index.html @@ -7,37 +7,6 @@ body_class: "" --- <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> - <symbol id="bootstrap" viewBox="0 0 118 94"> - <title>Bootstrap</title> - <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path> - </symbol> - - <symbol id="exclamation-triangle-fill" viewBox="0 0 16 16"> - <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/> - </symbol> - - <symbol id="check2" viewBox="0 0 16 16"> - <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/> - </symbol> - - <symbol id="check2-circle" viewBox="0 0 16 16"> - <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/> - <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/> - </symbol> - - <symbol id="bookmark-star" viewBox="0 0 16 16"> - <path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/> - <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/> - </symbol> - - <symbol id="grid-fill" viewBox="0 0 16 16"> - <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"/> - </symbol> - - <symbol id="stars" viewBox="0 0 16 16"> - <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z"/> - </symbol> - <symbol id="film" viewBox="0 0 16 16"> <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/> </symbol> @@ -80,15 +49,15 @@ body_class: "" </symbol> </svg> -<div class="d-flex gap-5 justify-content-center"> - <ul class="dropdown-menu position-static d-grid gap-1 p-2 rounded-3 mx-0 shadow w-220px"> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <ul class="dropdown-menu position-static d-grid gap-1 p-2 rounded-3 mx-0 shadow w-220px" data-bs-theme="light"> <li><a class="dropdown-item rounded-2 active" href="#">Action</a></li> <li><a class="dropdown-item rounded-2" href="#">Another action</a></li> <li><a class="dropdown-item rounded-2" href="#">Something else here</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item rounded-2" href="#">Separated link</a></li> </ul> - <ul class="dropdown-menu dropdown-menu-dark position-static d-grid gap-1 p-2 rounded-3 mx-0 border-0 shadow w-220px"> + <ul class="dropdown-menu position-static d-grid gap-1 p-2 rounded-3 mx-0 border-0 shadow w-220px" data-bs-theme="dark"> <li><a class="dropdown-item rounded-2 active" href="#">Action</a></li> <li><a class="dropdown-item rounded-2" href="#">Another action</a></li> <li><a class="dropdown-item rounded-2" href="#">Something else here</a></li> @@ -99,9 +68,9 @@ body_class: "" <div class="b-example-divider"></div> -<div class="d-flex gap-5 justify-content-center"> - <div class="dropdown-menu d-block position-static pt-0 mx-0 rounded-3 shadow overflow-hidden w-280px"> - <form class="p-2 mb-2 bg-light border-bottom"> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="dropdown-menu d-block position-static pt-0 mx-0 rounded-3 shadow overflow-hidden w-280px" data-bs-theme="light"> + <form class="p-2 mb-2 bg-body-tertiary border-bottom"> <input type="search" class="form-control" autocomplete="false" placeholder="Type to filter..."> </form> <ul class="list-unstyled mb-0"> @@ -124,9 +93,9 @@ body_class: "" </ul> </div> - <div class="dropdown-menu dropdown-menu-dark d-block position-static border-0 pt-0 mx-0 rounded-3 shadow overflow-hidden w-280px"> + <div class="dropdown-menu d-block position-static border-0 pt-0 mx-0 rounded-3 shadow overflow-hidden w-280px" data-bs-theme="dark"> <form class="p-2 mb-2 bg-dark border-bottom border-dark"> - <input type="search" class="form-control form-control-dark" autocomplete="false" placeholder="Type to filter..."> + <input type="search" class="form-control bg-dark" autocomplete="false" placeholder="Type to filter..."> </form> <ul class="list-unstyled mb-0"> <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> @@ -151,8 +120,8 @@ body_class: "" <div class="b-example-divider"></div> -<div class="d-flex gap-5 justify-content-center"> - <ul class="dropdown-menu d-block position-static mx-0 shadow w-220px"> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <ul class="dropdown-menu d-block position-static mx-0 shadow w-220px" data-bs-theme="light"> <li> <a class="dropdown-item d-flex gap-2 align-items-center" href="#"> <svg class="bi" width="16" height="16"><use xlink:href="#files"/></svg> @@ -191,7 +160,7 @@ body_class: "" </a> </li> </ul> - <ul class="dropdown-menu dropdown-menu-dark d-block position-static mx-0 border-0 shadow w-220px"> + <ul class="dropdown-menu d-block position-static mx-0 border-0 shadow w-220px" data-bs-theme="dark"> <li> <a class="dropdown-item d-flex gap-2 align-items-center" href="#"> <svg class="bi" width="16" height="16"><use xlink:href="#files"/></svg> @@ -234,80 +203,161 @@ body_class: "" <div class="b-example-divider"></div> -<div class="dropdown-menu d-block position-static p-2 shadow rounded-3 w-340px"> - <div class="d-grid gap-1"> - <div class="cal"> - <div class="cal-month"> - <button class="btn cal-btn" type="button"> - <svg class="bi" width="16" height="16"><use xlink:href="#arrow-left-short"/></svg> - </button> - <strong class="cal-month-name">June</strong> - <select class="form-select cal-month-name d-none"> - <option value="January">January</option> - <option value="February">February</option> - <option value="March">March</option> - <option value="April">April</option> - <option value="May">May</option> - <option selected value="June">June</option> - <option value="July">July</option> - <option value="August">August</option> - <option value="September">September</option> - <option value="October">October</option> - <option value="November">November</option> - <option value="December">December</option> - </select> - <button class="btn cal-btn" type="button"> - <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-short"/></svg> - </button> - </div> - <div class="cal-weekdays text-muted"> - <div class="cal-weekday">Sun</div> - <div class="cal-weekday">Mon</div> - <div class="cal-weekday">Tue</div> - <div class="cal-weekday">Wed</div> - <div class="cal-weekday">Thu</div> - <div class="cal-weekday">Fri</div> - <div class="cal-weekday">Sat</div> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="dropdown-menu d-block position-static p-2 mx-0 shadow rounded-3 w-340px" data-bs-theme="light"> + <div class="d-grid gap-1"> + <div class="cal"> + <div class="cal-month"> + <button class="btn cal-btn" type="button"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-left-short"/></svg> + </button> + <strong class="cal-month-name">June</strong> + <select class="form-select cal-month-name d-none"> + <option value="January">January</option> + <option value="February">February</option> + <option value="March">March</option> + <option value="April">April</option> + <option value="May">May</option> + <option selected value="June">June</option> + <option value="July">July</option> + <option value="August">August</option> + <option value="September">September</option> + <option value="October">October</option> + <option value="November">November</option> + <option value="December">December</option> + </select> + <button class="btn cal-btn" type="button"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-short"/></svg> + </button> + </div> + <div class="cal-weekdays text-body-secondary"> + <div class="cal-weekday">Sun</div> + <div class="cal-weekday">Mon</div> + <div class="cal-weekday">Tue</div> + <div class="cal-weekday">Wed</div> + <div class="cal-weekday">Thu</div> + <div class="cal-weekday">Fri</div> + <div class="cal-weekday">Sat</div> + </div> + <div class="cal-days"> + <button class="btn cal-btn" disabled type="button">30</button> + <button class="btn cal-btn" disabled type="button">31</button> + + <button class="btn cal-btn" type="button">1</button> + <button class="btn cal-btn" type="button">2</button> + <button class="btn cal-btn" type="button">3</button> + <button class="btn cal-btn" type="button">4</button> + <button class="btn cal-btn" type="button">5</button> + <button class="btn cal-btn" type="button">6</button> + <button class="btn cal-btn" type="button">7</button> + + <button class="btn cal-btn" type="button">8</button> + <button class="btn cal-btn" type="button">9</button> + <button class="btn cal-btn" type="button">10</button> + <button class="btn cal-btn" type="button">11</button> + <button class="btn cal-btn" type="button">12</button> + <button class="btn cal-btn" type="button">13</button> + <button class="btn cal-btn" type="button">14</button> + + <button class="btn cal-btn" type="button">15</button> + <button class="btn cal-btn" type="button">16</button> + <button class="btn cal-btn" type="button">17</button> + <button class="btn cal-btn" type="button">18</button> + <button class="btn cal-btn" type="button">19</button> + <button class="btn cal-btn" type="button">20</button> + <button class="btn cal-btn" type="button">21</button> + + <button class="btn cal-btn" type="button">22</button> + <button class="btn cal-btn" type="button">23</button> + <button class="btn cal-btn" type="button">24</button> + <button class="btn cal-btn" type="button">25</button> + <button class="btn cal-btn" type="button">26</button> + <button class="btn cal-btn" type="button">27</button> + <button class="btn cal-btn" type="button">28</button> + + <button class="btn cal-btn" type="button">29</button> + <button class="btn cal-btn" type="button">30</button> + <button class="btn cal-btn" type="button">31</button> + </div> </div> - <div class="cal-days"> - <button class="btn cal-btn" disabled type="button">30</button> - <button class="btn cal-btn" disabled type="button">31</button> + </div> + </div> - <button class="btn cal-btn" type="button">1</button> - <button class="btn cal-btn" type="button">2</button> - <button class="btn cal-btn" type="button">3</button> - <button class="btn cal-btn" type="button">4</button> - <button class="btn cal-btn" type="button">5</button> - <button class="btn cal-btn" type="button">6</button> - <button class="btn cal-btn" type="button">7</button> + <div class="dropdown-menu d-block position-static p-2 mx-0 shadow rounded-3 w-340px" data-bs-theme="dark"> + <div class="d-grid gap-1"> + <div class="cal"> + <div class="cal-month"> + <button class="btn cal-btn" type="button"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-left-short"/></svg> + </button> + <strong class="cal-month-name">June</strong> + <select class="form-select cal-month-name d-none"> + <option value="January">January</option> + <option value="February">February</option> + <option value="March">March</option> + <option value="April">April</option> + <option value="May">May</option> + <option selected value="June">June</option> + <option value="July">July</option> + <option value="August">August</option> + <option value="September">September</option> + <option value="October">October</option> + <option value="November">November</option> + <option value="December">December</option> + </select> + <button class="btn cal-btn" type="button"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-short"/></svg> + </button> + </div> + <div class="cal-weekdays text-body-secondary"> + <div class="cal-weekday">Sun</div> + <div class="cal-weekday">Mon</div> + <div class="cal-weekday">Tue</div> + <div class="cal-weekday">Wed</div> + <div class="cal-weekday">Thu</div> + <div class="cal-weekday">Fri</div> + <div class="cal-weekday">Sat</div> + </div> + <div class="cal-days"> + <button class="btn cal-btn" disabled type="button">30</button> + <button class="btn cal-btn" disabled type="button">31</button> - <button class="btn cal-btn" type="button">8</button> - <button class="btn cal-btn" type="button">9</button> - <button class="btn cal-btn" type="button">10</button> - <button class="btn cal-btn" type="button">11</button> - <button class="btn cal-btn" type="button">12</button> - <button class="btn cal-btn" type="button">13</button> - <button class="btn cal-btn" type="button">14</button> + <button class="btn cal-btn" type="button">1</button> + <button class="btn cal-btn" type="button">2</button> + <button class="btn cal-btn" type="button">3</button> + <button class="btn cal-btn" type="button">4</button> + <button class="btn cal-btn" type="button">5</button> + <button class="btn cal-btn" type="button">6</button> + <button class="btn cal-btn" type="button">7</button> - <button class="btn cal-btn" type="button">15</button> - <button class="btn cal-btn" type="button">16</button> - <button class="btn cal-btn" type="button">17</button> - <button class="btn cal-btn" type="button">18</button> - <button class="btn cal-btn" type="button">19</button> - <button class="btn cal-btn" type="button">20</button> - <button class="btn cal-btn" type="button">21</button> + <button class="btn cal-btn" type="button">8</button> + <button class="btn cal-btn" type="button">9</button> + <button class="btn cal-btn" type="button">10</button> + <button class="btn cal-btn" type="button">11</button> + <button class="btn cal-btn" type="button">12</button> + <button class="btn cal-btn" type="button">13</button> + <button class="btn cal-btn" type="button">14</button> - <button class="btn cal-btn" type="button">22</button> - <button class="btn cal-btn" type="button">23</button> - <button class="btn cal-btn" type="button">24</button> - <button class="btn cal-btn" type="button">25</button> - <button class="btn cal-btn" type="button">26</button> - <button class="btn cal-btn" type="button">27</button> - <button class="btn cal-btn" type="button">28</button> + <button class="btn cal-btn" type="button">15</button> + <button class="btn cal-btn" type="button">16</button> + <button class="btn cal-btn" type="button">17</button> + <button class="btn cal-btn" type="button">18</button> + <button class="btn cal-btn" type="button">19</button> + <button class="btn cal-btn" type="button">20</button> + <button class="btn cal-btn" type="button">21</button> - <button class="btn cal-btn" type="button">29</button> - <button class="btn cal-btn" type="button">30</button> - <button class="btn cal-btn" type="button">31</button> + <button class="btn cal-btn" type="button">22</button> + <button class="btn cal-btn" type="button">23</button> + <button class="btn cal-btn" type="button">24</button> + <button class="btn cal-btn" type="button">25</button> + <button class="btn cal-btn" type="button">26</button> + <button class="btn cal-btn" type="button">27</button> + <button class="btn cal-btn" type="button">28</button> + + <button class="btn cal-btn" type="button">29</button> + <button class="btn cal-btn" type="button">30</button> + <button class="btn cal-btn" type="button">31</button> + </div> </div> </div> </div> @@ -315,24 +365,98 @@ body_class: "" <div class="b-example-divider"></div> -<div class="dropdown-menu position-static d-flex align-items-stretch p-3 rounded-3 shadow-lg w-600px"> - <nav class="d-grid gap-2 col-8"> - <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-center gap-3 py-2 px-3 lh-sm text-start"> - <svg class="bi" width="32" height="32"><use xlink:href="#image-fill"/></svg> - <div> - <strong class="d-block">Features</strong> - <small>Take a tour through the product</small> - </div> - </a> - <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-center gap-3 py-2 px-3 lh-sm text-start"> - <svg class="bi" width="32" height="32"><use xlink:href="#question-circle"/></svg> - <div> - <strong class="d-block">Support</strong> - <small>Get help from our support crew</small> - </div> - </a> - </nav> - <div class="col-4"> - ... +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="dropdown-menu position-static d-flex flex-column flex-lg-row align-items-stretch justify-content-start p-3 rounded-3 shadow-lg" data-bs-theme="light"> + <nav class="col-lg-8"> + <ul class="list-unstyled d-flex flex-column gap-2"> + <li> + <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-start gap-2 py-2 px-3 lh-sm text-start"> + <svg class="bi" width="24" height="24"><use xlink:href="#image-fill"/></svg> + <div> + <strong class="d-block">Main product</strong> + <small>Take a tour through the product</small> + </div> + </a> + </li> + <li> + <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-start gap-2 py-2 px-3 lh-sm text-start"> + <svg class="bi" width="24" height="24"><use xlink:href="#music-note-beamed"/></svg> + <div> + <strong class="d-block">Another product</strong> + <small>Explore this other product we offer</small> + </div> + </a> + </li> + <li> + <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-start gap-2 py-2 px-3 lh-sm text-start"> + <svg class="bi" width="24" height="24"><use xlink:href="#question-circle"/></svg> + <div> + <strong class="d-block">Support</strong> + <small>Get help from our support crew</small> + </div> + </a> + </li> + </ul> + </nav> + <div class="d-none d-lg-block vr mx-4 opacity-10"> </div> + <hr class="d-lg-none"> + <div class="col-lg-auto pe-3"> + <nav> + <ul class="d-flex flex-column gap-2 list-unstyled small"> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Documentation</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Use cases</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">API status</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Partners</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Resources</a></li> + </ul> + </nav> + </div> + </div> + + <div class="dropdown-menu position-static d-flex flex-column flex-lg-row align-items-stretch justify-content-start p-3 rounded-3 shadow-lg" data-bs-theme="dark"> + <nav class="col-lg-8"> + <ul class="list-unstyled d-flex flex-column gap-2"> + <li> + <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-start gap-2 py-2 px-3 lh-sm text-start"> + <svg class="bi" width="24" height="24"><use xlink:href="#image-fill"/></svg> + <div> + <strong class="d-block">Main product</strong> + <small>Take a tour through the product</small> + </div> + </a> + </li> + <li> + <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-start gap-2 py-2 px-3 lh-sm text-start"> + <svg class="bi" width="24" height="24"><use xlink:href="#music-note-beamed"/></svg> + <div> + <strong class="d-block">Another product</strong> + <small>Explore this other product we offer</small> + </div> + </a> + </li> + <li> + <a href="#" class="btn btn-hover-light rounded-2 d-flex align-items-start gap-2 py-2 px-3 lh-sm text-start"> + <svg class="bi" width="24" height="24"><use xlink:href="#question-circle"/></svg> + <div> + <strong class="d-block">Support</strong> + <small>Get help from our support crew</small> + </div> + </a> + </li> + </ul> + </nav> + <div class="d-none d-lg-block vr mx-4 opacity-10"> </div> + <hr class="d-lg-none"> + <div class="col-lg-auto pe-3"> + <nav> + <ul class="d-flex flex-column gap-2 list-unstyled small"> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Documentation</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Use cases</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">API status</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Partners</a></li> + <li><a href="#" class="link-offset-2 link-underline link-underline-opacity-25 link-underline-opacity-75-hover">Resources</a></li> + </ul> + </nav> + </div> </div> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/features.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/features.css index b5d658f6b..debc26364 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/features.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/features.css @@ -4,16 +4,6 @@ border-radius: .75rem; } -.icon-link > .bi { - margin-top: .125rem; - margin-left: .125rem; - fill: currentcolor; - transition: transform .25s ease-in-out; -} -.icon-link:hover > .bi { - transform: translate(.25rem); -} - .icon-square { width: 3rem; height: 3rem; diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/index.html index 35a4ef5da..8754ceced 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/features/index.html @@ -25,9 +25,6 @@ body_class: "" <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/> <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/> </symbol> - <symbol id="grid" viewBox="0 0 16 16"> - <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/> - </symbol> <symbol id="collection" viewBox="0 0 16 16"> <path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z"/> </symbol> @@ -35,9 +32,6 @@ body_class: "" <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/> <path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> </symbol> - <symbol id="chat-quote-fill" viewBox="0 0 16 16"> - <path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 6C4.776 6 4 6.746 4 7.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 9.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 6c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z"/> - </symbol> <symbol id="cpu-fill" viewBox="0 0 16 16"> <path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/> <path d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z"/> @@ -76,9 +70,9 @@ body_class: "" </div> <h3 class="fs-2">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p> - <a href="#" class="icon-link d-inline-flex align-items-center"> + <a href="#" class="icon-link"> Call to action - <svg class="bi" width="1em" height="1em"><use xlink:href="#chevron-right"/></svg> + <svg class="bi"><use xlink:href="#chevron-right"/></svg> </a> </div> <div class="feature col"> @@ -87,9 +81,9 @@ body_class: "" </div> <h3 class="fs-2">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p> - <a href="#" class="icon-link d-inline-flex align-items-center"> + <a href="#" class="icon-link"> Call to action - <svg class="bi" width="1em" height="1em"><use xlink:href="#chevron-right"/></svg> + <svg class="bi"><use xlink:href="#chevron-right"/></svg> </a> </div> <div class="feature col"> @@ -98,9 +92,9 @@ body_class: "" </div> <h3 class="fs-2">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p> - <a href="#" class="icon-link d-inline-flex align-items-center"> + <a href="#" class="icon-link"> Call to action - <svg class="bi" width="1em" height="1em"><use xlink:href="#chevron-right"/></svg> + <svg class="bi"><use xlink:href="#chevron-right"/></svg> </a> </div> </div> @@ -112,7 +106,7 @@ body_class: "" <h2 class="pb-2 border-bottom">Hanging icons</h2> <div class="row g-4 py-5 row-cols-1 row-cols-lg-3"> <div class="col d-flex align-items-start"> - <div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3"> + <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3"> <svg class="bi" width="1em" height="1em"><use xlink:href="#toggles2"/></svg> </div> <div> @@ -124,7 +118,7 @@ body_class: "" </div> </div> <div class="col d-flex align-items-start"> - <div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3"> + <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3"> <svg class="bi" width="1em" height="1em"><use xlink:href="#cpu-fill"/></svg> </div> <div> @@ -136,7 +130,7 @@ body_class: "" </div> </div> <div class="col d-flex align-items-start"> - <div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3"> + <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3"> <svg class="bi" width="1em" height="1em"><use xlink:href="#tools"/></svg> </div> <div> @@ -228,56 +222,56 @@ body_class: "" <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5"> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#bootstrap"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#bootstrap"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#cpu-fill"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#cpu-fill"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#calendar3"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#calendar3"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#home"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#home"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#speedometer2"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#speedometer2"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#toggles2"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#toggles2"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#geo-fill"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#geo-fill"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> </div> </div> <div class="col d-flex align-items-start"> - <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#tools"/></svg> + <svg class="bi text-body-secondary flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#tools"/></svg> <div> <h3 class="fw-bold mb-0 fs-4">Featured title</h3> <p>Paragraph of text beneath the heading to explain the heading.</p> @@ -294,7 +288,7 @@ body_class: "" <div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5"> <div class="col d-flex flex-column align-items-start gap-2"> <h3 class="fw-bold">Left-aligned title explaining these awesome features</h3> - <p class="text-muted">Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p> + <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p> <a href="#" class="btn btn-primary btn-lg">Primary button</a> </div> @@ -307,7 +301,7 @@ body_class: "" </svg> </div> <h4 class="fw-semibold mb-0">Featured title</h4> - <p class="text-muted">Paragraph of text beneath the heading to explain the heading.</p> + <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p> </div> <div class="col d-flex flex-column gap-2"> @@ -317,7 +311,7 @@ body_class: "" </svg> </div> <h4 class="fw-semibold mb-0">Featured title</h4> - <p class="text-muted">Paragraph of text beneath the heading to explain the heading.</p> + <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p> </div> <div class="col d-flex flex-column gap-2"> @@ -327,7 +321,7 @@ body_class: "" </svg> </div> <h4 class="fw-semibold mb-0">Featured title</h4> - <p class="text-muted">Paragraph of text beneath the heading to explain the heading.</p> + <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p> </div> <div class="col d-flex flex-column gap-2"> @@ -337,7 +331,7 @@ body_class: "" </svg> </div> <h4 class="fw-semibold mb-0">Featured title</h4> - <p class="text-muted">Paragraph of text beneath the heading to explain the heading.</p> + <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p> </div> </div> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html index 827c2426a..83c24094d 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html @@ -22,18 +22,18 @@ body_class: "" <div class="container"> <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"> - <p class="col-md-4 mb-0 text-muted">© {{< year >}} Company, Inc</p> + <p class="col-md-4 mb-0 text-body-secondary">© {{< year >}} Company, Inc</p> - <a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none"> + <a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> <ul class="nav col-md-4 justify-content-end"> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Home</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Features</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Pricing</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">FAQs</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">About</a></li> </ul> </footer> </div> @@ -43,16 +43,16 @@ body_class: "" <div class="container"> <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"> <div class="col-md-4 d-flex align-items-center"> - <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1"> + <a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1"> <svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg> </a> - <span class="mb-3 mb-md-0 text-muted">© {{< year >}} Company, Inc</span> + <span class="mb-3 mb-md-0 text-body-secondary">© {{< year >}} Company, Inc</span> </div> <ul class="nav col-md-4 justify-content-end list-unstyled d-flex"> - <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> - <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> - <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> + <li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> + <li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> + <li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> </ul> </footer> </div> @@ -62,13 +62,13 @@ body_class: "" <div class="container"> <footer class="py-3 my-4"> <ul class="nav justify-content-center border-bottom pb-3 mb-3"> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Home</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Features</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Pricing</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">FAQs</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">About</a></li> </ul> - <p class="text-center text-muted">© {{< year >}} Company, Inc</p> + <p class="text-center text-body-secondary">© {{< year >}} Company, Inc</p> </footer> </div> @@ -77,10 +77,10 @@ body_class: "" <div class="container"> <footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top"> <div class="col mb-3"> - <a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> - <p class="text-muted">© {{< year >}}</p> + <p class="text-body-secondary">© {{< year >}}</p> </div> <div class="col mb-3"> @@ -90,33 +90,33 @@ body_class: "" <div class="col mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> </footer> @@ -131,33 +131,33 @@ body_class: "" <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> @@ -177,9 +177,9 @@ body_class: "" <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top"> <p>© {{< year >}} Company, Inc. All rights reserved.</p> <ul class="list-unstyled d-flex"> - <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> - <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> - <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> + <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> + <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> + <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> </ul> </div> </footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/grid/grid.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/grid/grid.css index 18e3568b1..cbc7c311f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/grid/grid.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/grid/grid.css @@ -1,13 +1,13 @@ .themed-grid-col { padding-top: .75rem; padding-bottom: .75rem; - background-color: rgba(86, 61, 124, .15); - border: 1px solid rgba(86, 61, 124, .2); + background-color: rgba(112.520718, 44.062154, 249.437846, .15); + border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3); } .themed-container { padding: .75rem; margin-bottom: 1.5rem; - background-color: rgba(0, 123, 255, .15); - border: 1px solid rgba(0, 123, 255, .2); + background-color: rgba(112.520718, 44.062154, 249.437846, .15); + border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3); } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/headers.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/headers.css index 8230c9a5f..f887573fe 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/headers.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/headers.css @@ -10,6 +10,6 @@ font-size: 85%; } -.dropdown-toggle { +.dropdown-toggle:not(:focus) { outline: 0; } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html index b8fc8b27b..a0c87f67e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html @@ -35,7 +35,7 @@ body_class: "" <div class="container"> <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"> - <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="fs-4">Simple header</span> </a> @@ -68,16 +68,18 @@ body_class: "" <div class="container"> <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom"> - <a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none"> - <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg> - </a> + <div class="col-md-3 mb-2 mb-md-0"> + <a href="/" class="d-inline-flex link-body-emphasis text-decoration-none"> + <svg class="bi" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg> + </a> + </div> <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> <li><a href="#" class="nav-link px-2 link-secondary">Home</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Features</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Pricing</a></li> - <li><a href="#" class="nav-link px-2 link-dark">FAQs</a></li> - <li><a href="#" class="nav-link px-2 link-dark">About</a></li> + <li><a href="#" class="nav-link px-2">Features</a></li> + <li><a href="#" class="nav-link px-2">Pricing</a></li> + <li><a href="#" class="nav-link px-2">FAQs</a></li> + <li><a href="#" class="nav-link px-2">About</a></li> </ul> <div class="col-md-3 text-end"> @@ -121,15 +123,15 @@ body_class: "" <header class="p-3 mb-3 border-bottom"> <div class="container"> <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"> - <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg> </a> <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0"> <li><a href="#" class="nav-link px-2 link-secondary">Overview</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Inventory</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Customers</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Products</a></li> + <li><a href="#" class="nav-link px-2 link-body-emphasis">Inventory</a></li> + <li><a href="#" class="nav-link px-2 link-body-emphasis">Customers</a></li> + <li><a href="#" class="nav-link px-2 link-body-emphasis">Products</a></li> </ul> <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search"> @@ -157,7 +159,7 @@ body_class: "" <header class="py-3 mb-3 border-bottom"> <div class="container-fluid d-grid gap-3 align-items-center" style="grid-template-columns: 1fr 2fr;"> <div class="dropdown"> - <a href="#" class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> <ul class="dropdown-menu text-small shadow"> @@ -194,10 +196,10 @@ body_class: "" <div class="container-fluid pb-3"> <div class="d-grid gap-3" style="grid-template-columns: 1fr 2fr;"> - <div class="bg-light border rounded-3"> + <div class="bg-body-tertiary border rounded-3"> <br><br><br><br><br><br><br><br><br><br> </div> - <div class="bg-light border rounded-3"> + <div class="bg-body-tertiary border rounded-3"> <br><br><br><br><br><br><br><br><br><br> </div> </div> @@ -205,7 +207,7 @@ body_class: "" <div class="b-example-divider"></div> - <nav class="py-2 bg-light border-bottom"> + <nav class="py-2 bg-body-tertiary border-bottom"> <div class="container d-flex flex-wrap"> <ul class="nav me-auto"> <li class="nav-item"><a href="#" class="nav-link link-dark px-2 active" aria-current="page">Home</a></li> @@ -222,7 +224,7 @@ body_class: "" </nav> <header class="py-3 mb-4 border-bottom"> <div class="container d-flex flex-wrap justify-content-center"> - <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="fs-4">Double header</span> </a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/heroes/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/heroes/index.html index ef621fd50..7f5daa9b9 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/heroes/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/heroes/index.html @@ -11,7 +11,7 @@ body_class: "" <div class="px-4 py-5 my-5 text-center"> <img class="d-block mx-auto mb-4" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> - <h1 class="display-5 fw-bold">Centered hero</h1> + <h1 class="display-5 fw-bold text-body-emphasis">Centered hero</h1> <div class="col-lg-6 mx-auto"> <p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> @@ -24,7 +24,7 @@ body_class: "" <div class="b-example-divider"></div> <div class="px-4 pt-5 my-5 text-center border-bottom"> - <h1 class="display-4 fw-bold">Centered screenshot</h1> + <h1 class="display-4 fw-bold text-body-emphasis">Centered screenshot</h1> <div class="col-lg-6 mx-auto"> <p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5"> @@ -47,7 +47,7 @@ body_class: "" <img src="bootstrap-themes.png" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy"> </div> <div class="col-lg-6"> - <h1 class="display-5 fw-bold lh-1 mb-3">Responsive left-aligned hero with image</h1> + <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Responsive left-aligned hero with image</h1> <p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> <div class="d-grid gap-2 d-md-flex justify-content-md-start"> <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button> @@ -62,11 +62,11 @@ body_class: "" <div class="container col-xl-10 col-xxl-8 px-4 py-5"> <div class="row align-items-center g-lg-5 py-5"> <div class="col-lg-7 text-center text-lg-start"> - <h1 class="display-4 fw-bold lh-1 mb-3">Vertically centered hero sign-up form</h1> + <h1 class="display-4 fw-bold lh-1 text-body-emphasis mb-3">Vertically centered hero sign-up form</h1> <p class="col-lg-10 fs-4">Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.</p> </div> <div class="col-md-10 mx-auto col-lg-5"> - <form class="p-4 p-md-5 border rounded-3 bg-light"> + <form class="p-4 p-md-5 border rounded-3 bg-body-tertiary"> <div class="form-floating mb-3"> <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com"> <label for="floatingInput">Email address</label> @@ -82,7 +82,7 @@ body_class: "" </div> <button class="w-100 btn btn-lg btn-primary" type="submit">Sign up</button> <hr class="my-4"> - <small class="text-muted">By clicking Sign up, you agree to the terms of use.</small> + <small class="text-body-secondary">By clicking Sign up, you agree to the terms of use.</small> </form> </div> </div> @@ -93,7 +93,7 @@ body_class: "" <div class="container my-5"> <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg"> <div class="col-lg-7 p-3 p-lg-5 pt-lg-3"> - <h1 class="display-4 fw-bold lh-1">Border hero with cropped image and shadows</h1> + <h1 class="display-4 fw-bold lh-1 text-body-emphasis">Border hero with cropped image and shadows</h1> <p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3"> <button type="button" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold">Primary</button> @@ -110,7 +110,7 @@ body_class: "" <div class="bg-dark text-secondary px-4 py-5 text-center"> <div class="py-5"> - <h1 class="display-5 fw-bold text-white">Dark mode hero</h1> + <h1 class="display-5 fw-bold text-white">Dark color hero</h1> <div class="col-lg-6 mx-auto"> <p class="fs-5 mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotron/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotron/index.html index 8131d1903..df219512a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotron/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotron/index.html @@ -13,7 +13,7 @@ include_js: false </a> </header> - <div class="p-5 mb-4 bg-light rounded-3"> + <div class="p-5 mb-4 bg-body-tertiary rounded-3"> <div class="container-fluid py-5"> <h1 class="display-5 fw-bold">Custom jumbotron</h1> <p class="col-md-8 fs-4">Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.</p> @@ -30,7 +30,7 @@ include_js: false </div> </div> <div class="col-md-6"> - <div class="h-100 p-5 bg-light border rounded-3"> + <div class="h-100 p-5 bg-body-tertiary border rounded-3"> <h2>Add borders</h2> <p>Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.</p> <button class="btn btn-outline-secondary" type="button">Example button</button> @@ -38,7 +38,7 @@ include_js: false </div> </div> - <footer class="pt-3 mt-4 text-muted border-top"> + <footer class="pt-3 mt-4 text-body-secondary border-top"> © {{< year >}} </footer> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotrons/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotrons/index.html new file mode 100644 index 000000000..ded1144e6 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotrons/index.html @@ -0,0 +1,82 @@ +--- +layout: examples +title: Jumbotrons +extra_css: + - "jumbotrons.css" +body_class: "" +--- + +<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> + <symbol id="bootstrap" viewBox="0 0 118 94"> + <title>Bootstrap</title> + <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path> + </symbol> + <symbol id="arrow-right-short" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/> + </symbol> + <symbol id="check2-circle" viewBox="0 0 16 16"> + <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/> + <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/> + </symbol> +</svg> + +<div class="container my-5"> + <div class="p-5 text-center bg-body-tertiary rounded-3"> + <svg class="bi mt-4 mb-3" style="color: var(--bs-indigo);" width="100" height="100"><use xlink:href="#bootstrap"/></svg> + <h1 class="text-body-emphasis">Jumbotron with icon</h1> + <p class="col-lg-8 mx-auto fs-5 text-muted"> + This is a custom jumbotron featuring an SVG image at the top, some longer text that wraps early thanks to a responsive <code>.col-*</code> class, and a customized call to action. + </p> + <div class="d-inline-flex gap-2 mb-5"> + <button class="d-inline-flex align-items-center btn btn-primary btn-lg px-4 rounded-pill" type="button"> + Call to action + <svg class="bi ms-2" width="24" height="24"><use xlink:href="#arrow-right-short"/></svg> + </button> + <button class="btn btn-outline-secondary btn-lg px-4 rounded-pill" type="button"> + Secondary link + </button> + </div> + </div> +</div> + +<div class="b-example-divider"></div> + +<div class="container my-5"> + <div class="position-relative p-5 text-center text-muted bg-body border border-dashed rounded-5"> + <button type="button" class="position-absolute top-0 end-0 p-3 m-3 btn-close bg-secondary bg-opacity-10 rounded-pill" aria-label="Close"></button> + <svg class="bi mt-5 mb-3" width="48" height="48"><use xlink:href="#check2-circle"/></svg> + <h1 class="text-body-emphasis">Placeholder jumbotron</h1> + <p class="col-lg-6 mx-auto mb-4"> + This faded back jumbotron is useful for placeholder content. It's also a great way to add a bit of context to a page or section when no content is available and to encourage visitors to take a specific action. + </p> + <button class="btn btn-primary px-5 mb-5" type="button"> + Call to action + </button> + </div> +</div> + +<div class="b-example-divider"></div> + +<div class="my-5"> + <div class="p-5 text-center bg-body-tertiary"> + <div class="container py-5"> + <h1 class="text-body-emphasis">Full-width jumbotron</h1> + <p class="col-lg-8 mx-auto lead"> + This takes the basic jumbotron above and makes its background edge-to-edge with a <code>.container</code> inside to align content. Similar to above, it's been recreated with built-in grid and utility classes. + </p> + </div> + </div> +</div> + +<div class="b-example-divider"></div> + +<div class="container my-5"> + <div class="p-5 text-center bg-body-tertiary rounded-3"> + <h1 class="text-body-emphasis">Basic jumbotron</h1> + <p class="lead"> + This is a simple Bootstrap jumbotron that sits within a <code>.container</code>, recreated with built-in utility classes. + </p> + </div> +</div> + +<div class="b-example-divider"></div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotrons/jumbotrons.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotrons/jumbotrons.css new file mode 100644 index 000000000..d7d065ed6 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/jumbotrons/jumbotrons.css @@ -0,0 +1 @@ +.border-dashed { --bs-border-style: dashed; } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/index.html index 9599913c0..1a6e5e8d2 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/index.html @@ -7,11 +7,6 @@ body_class: "" --- <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> - <symbol id="bootstrap" viewBox="0 0 118 94"> - <title>Bootstrap</title> - <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path> - </symbol> - <symbol id="calendar-event" viewBox="0 0 16 16"> <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> @@ -27,86 +22,88 @@ body_class: "" </symbol> </svg> -<div class="list-group w-auto"> - <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"> - <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0"> - <div class="d-flex gap-2 w-100 justify-content-between"> - <div> - <h6 class="mb-0">List group item heading</h6> - <p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="list-group"> + <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"> + <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0"> + <div class="d-flex gap-2 w-100 justify-content-between"> + <div> + <h6 class="mb-0">List group item heading</h6> + <p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p> + </div> + <small class="opacity-50 text-nowrap">now</small> </div> - <small class="opacity-50 text-nowrap">now</small> - </div> - </a> - <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"> - <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0"> - <div class="d-flex gap-2 w-100 justify-content-between"> - <div> - <h6 class="mb-0">Another title here</h6> - <p class="mb-0 opacity-75">Some placeholder content in a paragraph that goes a little longer so it wraps to a new line.</p> + </a> + <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"> + <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0"> + <div class="d-flex gap-2 w-100 justify-content-between"> + <div> + <h6 class="mb-0">Another title here</h6> + <p class="mb-0 opacity-75">Some placeholder content in a paragraph that goes a little longer so it wraps to a new line.</p> + </div> + <small class="opacity-50 text-nowrap">3d</small> </div> - <small class="opacity-50 text-nowrap">3d</small> - </div> - </a> - <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"> - <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0"> - <div class="d-flex gap-2 w-100 justify-content-between"> - <div> - <h6 class="mb-0">Third heading</h6> - <p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p> + </a> + <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"> + <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0"> + <div class="d-flex gap-2 w-100 justify-content-between"> + <div> + <h6 class="mb-0">Third heading</h6> + <p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p> + </div> + <small class="opacity-50 text-nowrap">1w</small> </div> - <small class="opacity-50 text-nowrap">1w</small> - </div> - </a> + </a> + </div> </div> <div class="b-example-divider"></div> -<div class="d-flex gap-5 justify-content-center"> - <div class="list-group mx-0 w-auto"> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="list-group"> <label class="list-group-item d-flex gap-2"> <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked> <span> First checkbox - <small class="d-block text-muted">With support text underneath to add more detail</small> + <small class="d-block text-body-secondary">With support text underneath to add more detail</small> </span> </label> <label class="list-group-item d-flex gap-2"> <input class="form-check-input flex-shrink-0" type="checkbox" value=""> <span> Second checkbox - <small class="d-block text-muted">Some other text goes here</small> + <small class="d-block text-body-secondary">Some other text goes here</small> </span> </label> <label class="list-group-item d-flex gap-2"> <input class="form-check-input flex-shrink-0" type="checkbox" value=""> <span> Third checkbox - <small class="d-block text-muted">And we end with another snippet of text</small> + <small class="d-block text-body-secondary">And we end with another snippet of text</small> </span> </label> </div> - <div class="list-group mx-0 w-auto"> + <div class="list-group"> <label class="list-group-item d-flex gap-2"> <input class="form-check-input flex-shrink-0" type="radio" name="listGroupRadios" id="listGroupRadios1" value="" checked> <span> First radio - <small class="d-block text-muted">With support text underneath to add more detail</small> + <small class="d-block text-body-secondary">With support text underneath to add more detail</small> </span> </label> <label class="list-group-item d-flex gap-2"> <input class="form-check-input flex-shrink-0" type="radio" name="listGroupRadios" id="listGroupRadios2" value=""> <span> Second radio - <small class="d-block text-muted">Some other text goes here</small> + <small class="d-block text-body-secondary">Some other text goes here</small> </span> </label> <label class="list-group-item d-flex gap-2"> <input class="form-check-input flex-shrink-0" type="radio" name="listGroupRadios" id="listGroupRadios3" value=""> <span> Third radio - <small class="d-block text-muted">And we end with another snippet of text</small> + <small class="d-block text-body-secondary">And we end with another snippet of text</small> </span> </label> </div> @@ -114,109 +111,115 @@ body_class: "" <div class="b-example-divider"></div> -<div class="list-group w-auto"> - <label class="list-group-item d-flex gap-3"> - <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked style="font-size: 1.375em;"> - <span class="pt-1 form-checked-content"> - <strong>Finish sales report</strong> - <small class="d-block text-muted"> - <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg> - 1:00–2:00pm - </small> - </span> - </label> - <label class="list-group-item d-flex gap-3"> - <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;"> - <span class="pt-1 form-checked-content"> - <strong>Weekly All Hands</strong> - <small class="d-block text-muted"> - <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg> - 2:00–2:30pm - </small> - </span> - </label> - <label class="list-group-item d-flex gap-3"> - <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;"> - <span class="pt-1 form-checked-content"> - <strong>Out of office</strong> - <small class="d-block text-muted"> - <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#alarm"/></svg> - Tomorrow - </small> - </span> - </label> - <label class="list-group-item d-flex gap-3 bg-light"> - <input class="form-check-input form-check-input-placeholder bg-light flex-shrink-0 pe-none" disabled type="checkbox" value="" style="font-size: 1.375em;"> - <span class="pt-1 form-checked-content"> - <span contenteditable="true" class="w-100">Add new task...</span> - <small class="d-block text-muted"> - <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#list-check"/></svg> - Choose list... - </small> - </span> - </label> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="list-group"> + <label class="list-group-item d-flex gap-3"> + <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked style="font-size: 1.375em;"> + <span class="pt-1 form-checked-content"> + <strong>Finish sales report</strong> + <small class="d-block text-body-secondary"> + <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg> + 1:00–2:00pm + </small> + </span> + </label> + <label class="list-group-item d-flex gap-3"> + <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;"> + <span class="pt-1 form-checked-content"> + <strong>Weekly All Hands</strong> + <small class="d-block text-body-secondary"> + <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg> + 2:00–2:30pm + </small> + </span> + </label> + <label class="list-group-item d-flex gap-3"> + <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;"> + <span class="pt-1 form-checked-content"> + <strong>Out of office</strong> + <small class="d-block text-body-secondary"> + <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#alarm"/></svg> + Tomorrow + </small> + </span> + </label> + <label class="list-group-item d-flex gap-3 bg-body-tertiary"> + <input class="form-check-input form-check-input-placeholder bg-body-tertiary flex-shrink-0 pe-none" disabled type="checkbox" value="" style="font-size: 1.375em;"> + <span class="pt-1 form-checked-content"> + <span contenteditable="true" class="w-100">Add new task...</span> + <small class="d-block text-body-secondary"> + <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#list-check"/></svg> + Choose list... + </small> + </span> + </label> + </div> </div> <div class="b-example-divider"></div> -<div class="list-group list-group-checkable d-grid gap-2 border-0 w-auto"> - <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios1" value="" checked> - <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios1"> - First radio - <span class="d-block small opacity-50">With support text underneath to add more detail</span> - </label> - - <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios2" value=""> - <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios2"> - Second radio - <span class="d-block small opacity-50">Some other text goes here</span> - </label> - - <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios3" value=""> - <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios3"> - Third radio - <span class="d-block small opacity-50">And we end with another snippet of text</span> - </label> - - <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios4" value="" disabled> - <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios4"> - Fourth disabled radio - <span class="d-block small opacity-50">This option is disabled</span> - </label> -</div> - -<div class="b-example-divider"></div> +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="list-group list-group-checkable d-grid gap-2 border-0"> + <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios1" value="" checked> + <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios1"> + First radio + <span class="d-block small opacity-50">With support text underneath to add more detail</span> + </label> -<div class="list-group list-group-radio d-grid gap-2 border-0 w-auto"> - <div class="position-relative"> - <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid1" value="" checked> - <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid1"> - <strong class="fw-semibold">First radio</strong> - <span class="d-block small opacity-75">With support text underneath to add more detail</span> + <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios2" value=""> + <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios2"> + Second radio + <span class="d-block small opacity-50">Some other text goes here</span> </label> - </div> - <div class="position-relative"> - <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid2" value=""> - <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid2"> - <strong class="fw-semibold">Second radio</strong> - <span class="d-block small opacity-75">Some other text goes here</span> + <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios3" value=""> + <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios3"> + Third radio + <span class="d-block small opacity-50">And we end with another snippet of text</span> </label> - </div> - <div class="position-relative"> - <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid3" value=""> - <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid3"> - <strong class="fw-semibold">Third radio</strong> - <span class="d-block small opacity-75">And we end with another snippet of text</span> + <input class="list-group-item-check pe-none" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios4" value="" disabled> + <label class="list-group-item rounded-3 py-3" for="listGroupCheckableRadios4"> + Fourth disabled radio + <span class="d-block small opacity-50">This option is disabled</span> </label> </div> +</div> - <div class="position-relative"> - <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid4" value="" disabled> - <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid4"> - <strong class="fw-semibold">Fourth disabled radio</strong> - <span class="d-block small opacity-75">This option is disabled</span> - </label> +<div class="b-example-divider"></div> + +<div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"> + <div class="list-group list-group-radio d-grid gap-2 border-0"> + <div class="position-relative"> + <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid1" value="" checked> + <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid1"> + <strong class="fw-semibold">First radio</strong> + <span class="d-block small opacity-75">With support text underneath to add more detail</span> + </label> + </div> + + <div class="position-relative"> + <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid2" value=""> + <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid2"> + <strong class="fw-semibold">Second radio</strong> + <span class="d-block small opacity-75">Some other text goes here</span> + </label> + </div> + + <div class="position-relative"> + <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid3" value=""> + <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid3"> + <strong class="fw-semibold">Third radio</strong> + <span class="d-block small opacity-75">And we end with another snippet of text</span> + </label> + </div> + + <div class="position-relative"> + <input class="form-check-input position-absolute top-50 end-0 me-3 fs-5" type="radio" name="listGroupRadioGrid" id="listGroupRadioGrid4" value="" disabled> + <label class="list-group-item py-3 pe-5" for="listGroupRadioGrid4"> + <strong class="fw-semibold">Fourth disabled radio</strong> + <span class="d-block small opacity-75">This option is disabled</span> + </label> + </div> </div> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/list-groups.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/list-groups.css index 218508412..b90cfa065 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/list-groups.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/list-groups/list-groups.css @@ -1,6 +1,7 @@ .list-group { + width: 100%; max-width: 460px; - margin: 4rem auto; + margin-inline: 1.5rem; } .form-check-input:checked + .form-checked-content { @@ -22,11 +23,12 @@ clip: rect(0, 0, 0, 0); } .list-group-item-check:hover + .list-group-item { - background-color: var(--bs-light); + background-color: var(--bs-secondary-bg); } .list-group-item-check:checked + .list-group-item { color: #fff; - background-color: var(--bs-blue); + background-color: var(--bs-primary); + border-color: var(--bs-primary); } .list-group-item-check[disabled] + .list-group-item, .list-group-item-check:disabled + .list-group-item { @@ -45,13 +47,13 @@ } .list-group-radio .list-group-item:hover, .list-group-radio .list-group-item:focus { - background-color: var(--bs-light); + background-color: var(--bs-secondary-bg); } .list-group-radio .form-check-input:checked + .list-group-item { background-color: var(--bs-body); - border-color: var(--bs-blue); - box-shadow: 0 0 0 2px var(--bs-blue); + border-color: var(--bs-primary); + box-shadow: 0 0 0 2px var(--bs-primary); } .list-group-radio .form-check-input[disabled] + .list-group-item, .list-group-radio .form-check-input:disabled + .list-group-item { diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/masonry/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/masonry/index.html index b4aecaa17..c554deb48 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/masonry/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/masonry/index.html @@ -37,7 +37,7 @@ extra_js: <blockquote class="blockquote"> <p>A well-known quote, contained in a blockquote element.</p> </blockquote> - <figcaption class="blockquote-footer mb-0 text-muted"> + <figcaption class="blockquote-footer mb-0 text-body-secondary"> Someone famous in <cite title="Source Title">Source Title</cite> </figcaption> </figure> @@ -49,7 +49,7 @@ extra_js: <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p> - <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> + <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p> </div> </div> </div> @@ -70,7 +70,7 @@ extra_js: <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This card has a regular title and short paragraph of text below it.</p> - <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> + <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p> </div> </div> </div> @@ -85,7 +85,7 @@ extra_js: <blockquote class="blockquote"> <p>A well-known quote, contained in a blockquote element.</p> </blockquote> - <figcaption class="blockquote-footer mb-0 text-muted"> + <figcaption class="blockquote-footer mb-0 text-body-secondary"> Someone famous in <cite title="Source Title">Source Title</cite> </figcaption> </figure> @@ -96,7 +96,7 @@ extra_js: <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This is another card with title and supporting text below. This card has some additional content to make it slightly taller overall.</p> - <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> + <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p> </div> </div> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/index.html index a68bd419e..5fcc2d28d 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/index.html @@ -7,24 +7,6 @@ body_class: "" --- <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> - <symbol id="bootstrap" viewBox="0 0 118 94"> - <title>Bootstrap</title> - <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path> - </symbol> - - <symbol id="exclamation-triangle-fill" viewBox="0 0 16 16"> - <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/> - </symbol> - - <symbol id="check2" viewBox="0 0 16 16"> - <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/> - </symbol> - - <symbol id="check2-circle" viewBox="0 0 16 16"> - <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/> - <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/> - </symbol> - <symbol id="bookmark-star" viewBox="0 0 16 16"> <path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/> <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/> @@ -34,10 +16,6 @@ body_class: "" <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"/> </symbol> - <symbol id="stars" viewBox="0 0 16 16"> - <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z"/> - </symbol> - <symbol id="film" viewBox="0 0 16 16"> <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/> </symbol> @@ -55,7 +33,7 @@ body_class: "" </symbol> </svg> -<div class="modal modal-sheet position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalSheet"> +<div class="modal modal-sheet position-static d-block bg-body-secondary p-4 py-md-5" tabindex="-1" role="dialog" id="modalSheet"> <div class="modal-dialog" role="document"> <div class="modal-content rounded-4 shadow"> <div class="modal-header border-bottom-0"> @@ -65,9 +43,9 @@ body_class: "" <div class="modal-body py-0"> <p>This is a modal sheet, a variation of the modal that docs itself to the bottom of the viewport like the newer share sheets in iOS.</p> </div> - <div class="modal-footer flex-column border-top-0"> - <button type="button" class="btn btn-lg btn-primary w-100 mx-0 mb-2">Save changes</button> - <button type="button" class="btn btn-lg btn-light w-100 mx-0" data-bs-dismiss="modal">Close</button> + <div class="modal-footer flex-column align-items-stretch w-100 gap-2 pb-3 border-top-0"> + <button type="button" class="btn btn-lg btn-primary">Save changes</button> + <button type="button" class="btn btn-lg btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> @@ -75,7 +53,7 @@ body_class: "" <div class="b-example-divider"></div> -<div class="modal modal-alert position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalChoice"> +<div class="modal modal-sheet position-static d-block bg-body-secondary p-4 py-md-5" tabindex="-1" role="dialog" id="modalChoice"> <div class="modal-dialog" role="document"> <div class="modal-content rounded-3 shadow"> <div class="modal-body p-4 text-center"> @@ -83,8 +61,8 @@ body_class: "" <p class="mb-0">You can always change your mind in your account settings.</p> </div> <div class="modal-footer flex-nowrap p-0"> - <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 m-0 rounded-0 border-end"><strong>Yes, enable</strong></button> - <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 m-0 rounded-0" data-bs-dismiss="modal">No thanks</button> + <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 py-3 m-0 rounded-0 border-end"><strong>Yes, enable</strong></button> + <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 py-3 m-0 rounded-0" data-bs-dismiss="modal">No thanks</button> </div> </div> </div> @@ -92,15 +70,15 @@ body_class: "" <div class="b-example-divider"></div> -<div class="modal modal-tour position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalTour"> +<div class="modal modal-sheet position-static d-block bg-body-secondary p-4 py-md-5" tabindex="-1" role="dialog" id="modalTour"> <div class="modal-dialog" role="document"> <div class="modal-content rounded-4 shadow"> <div class="modal-body p-5"> <h2 class="fw-bold mb-0">What's new</h2> - <ul class="d-grid gap-4 my-5 list-unstyled"> + <ul class="d-grid gap-4 my-5 list-unstyled small"> <li class="d-flex gap-4"> - <svg class="bi text-muted flex-shrink-0" width="48" height="48"><use xlink:href="#grid-fill"/></svg> + <svg class="bi text-body-secondary flex-shrink-0" width="48" height="48"><use xlink:href="#grid-fill"/></svg> <div> <h5 class="mb-0">Grid view</h5> Not into lists? Try the new grid view. @@ -129,11 +107,10 @@ body_class: "" <div class="b-example-divider"></div> -<div class="modal modal-signin position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalSignin"> +<div class="modal modal-sheet position-static d-block bg-body-secondary p-4 py-md-5" tabindex="-1" role="dialog" id="modalSignin"> <div class="modal-dialog" role="document"> <div class="modal-content rounded-4 shadow"> <div class="modal-header p-5 pb-4 border-bottom-0"> - <!-- <h1 class="modal-title fs-5" >Modal title</h1> --> <h1 class="fw-bold mb-0 fs-2">Sign up for free</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> @@ -149,10 +126,10 @@ body_class: "" <label for="floatingPassword">Password</label> </div> <button class="w-100 mb-2 btn btn-lg rounded-3 btn-primary" type="submit">Sign up</button> - <small class="text-muted">By clicking Sign up, you agree to the terms of use.</small> + <small class="text-body-secondary">By clicking Sign up, you agree to the terms of use.</small> <hr class="my-4"> <h2 class="fs-5 fw-bold mb-3">Or use a third-party</h2> - <button class="w-100 py-2 mb-2 btn btn-outline-dark rounded-3" type="submit"> + <button class="w-100 py-2 mb-2 btn btn-outline-secondary rounded-3" type="submit"> <svg class="bi me-1" width="16" height="16"><use xlink:href="#twitter"/></svg> Sign up with Twitter </button> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/modals.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/modals.css index 51ad2c4fb..924952ae3 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/modals.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/modals/modals.css @@ -6,10 +6,3 @@ padding-bottom: 2rem; } -.modal-alert .modal-dialog { - width: 380px; -} - -.modal-tour .modal-dialog { - width: 380px; -} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-bottom/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-bottom/index.html index c0e859ad0..92eed643a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-bottom/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-bottom/index.html @@ -4,7 +4,7 @@ title: Bottom navbar example --- <main class="container"> - <div class="bg-light p-5 rounded mt-3"> + <div class="bg-body-tertiary p-5 rounded mt-3"> <h1>Bottom Navbar example</h1> <p class="lead">This example is a quick exercise to illustrate how the bottom navbar works.</p> <a class="btn btn-lg btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-fixed/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-fixed/index.html index 3e2cc1085..a2a1c751e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-fixed/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-fixed/index.html @@ -32,7 +32,7 @@ extra_css: </nav> <main class="container"> - <div class="bg-light p-5 rounded"> + <div class="bg-body-tertiary p-5 rounded"> <h1>Navbar example</h1> <p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser’s viewport.</p> <a class="btn btn-lg btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-static/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-static/index.html index 040657678..2b1b308a0 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-static/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbar-static/index.html @@ -32,7 +32,7 @@ extra_css: </nav> <main class="container"> - <div class="bg-light p-5 rounded"> + <div class="bg-body-tertiary p-5 rounded"> <h1>Navbar example</h1> <p class="lead">This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.</p> <a class="btn btn-lg btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars-offcanvas/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars-offcanvas/index.html index cbbaf8673..858998fb6 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars-offcanvas/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars-offcanvas/index.html @@ -9,7 +9,7 @@ extra_css: <nav class="navbar navbar-dark bg-dark" aria-label="Dark offcanvas navbar"> <div class="container-fluid"> <a class="navbar-brand" href="#">Dark offcanvas navbar</a> - <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarDark" aria-controls="offcanvasNavbarDark"> + <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarDark" aria-controls="offcanvasNavbarDark" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasNavbarDark" aria-labelledby="offcanvasNavbarDarkLabel"> @@ -48,10 +48,10 @@ extra_css: </div> </nav> - <nav class="navbar bg-light" aria-label="Light offcanvas navbar"> + <nav class="navbar bg-body-tertiary" aria-label="Light offcanvas navbar"> <div class="container-fluid"> <a class="navbar-brand" href="#">Light offcanvas navbar</a> - <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarLight" aria-controls="offcanvasNavbarLight"> + <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarLight" aria-controls="offcanvasNavbarLight" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbarLight" aria-labelledby="offcanvasNavbarLightLabel"> @@ -93,7 +93,7 @@ extra_css: <nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Offcanvas navbar large"> <div class="container-fluid"> <a class="navbar-brand" href="#">Responsive offcanvas navbar</a> - <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2"> + <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasNavbar2" aria-labelledby="offcanvasNavbar2Label"> @@ -133,7 +133,7 @@ extra_css: </nav> <div class="container my-5"> - <div class="bg-light p-5 rounded"> + <div class="bg-body-tertiary p-5 rounded"> <div class="col-sm-8 py-5 mx-auto"> <h1 class="display-5 fw-normal">Navbar with offcanvas examples</h1> <p class="fs-5">This example shows how responsive offcanvas menus work within the navbar. For positioning of navbars, checkout the <a href="{{< docsref "/examples/navbar-static" >}}">top</a> and <a href="{{< docsref "/examples/navbar-fixed" >}}">fixed top</a> examples.</p> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars/index.html index c4d0d89e4..4c903bbb9 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/navbars/index.html @@ -336,7 +336,7 @@ extra_css: </nav> <div class="container"> - <nav class="navbar navbar-expand-lg bg-light rounded" aria-label="Eleventh navbar example"> + <nav class="navbar navbar-expand-lg bg-body-tertiary rounded" aria-label="Eleventh navbar example"> <div class="container-fluid"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample09" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation"> @@ -370,7 +370,7 @@ extra_css: </div> </nav> - <nav class="navbar navbar-expand-lg bg-light rounded" aria-label="Twelfth navbar example"> + <nav class="navbar navbar-expand-lg bg-body-tertiary rounded" aria-label="Twelfth navbar example"> <div class="container-fluid"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample10" aria-controls="navbarsExample10" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> @@ -400,7 +400,7 @@ extra_css: </div> </nav> - <nav class="navbar navbar-expand-lg bg-light rounded" aria-label="Thirteenth navbar example"> + <nav class="navbar navbar-expand-lg bg-body-tertiary rounded" aria-label="Thirteenth navbar example"> <div class="container-fluid"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample11" aria-controls="navbarsExample11" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> @@ -435,7 +435,7 @@ extra_css: </nav> <div> - <div class="bg-light p-5 rounded"> + <div class="bg-body-tertiaryp-5 rounded"> <div class="col-sm-8 mx-auto"> <h1>Navbar examples</h1> <p>This example is a quick exercise to illustrate how the navbar and its contents work. Some navbars extend the width of the viewport, others are confined within a <code>.container</code>. For positioning of navbars, checkout the <a href="{{< docsref "/examples/navbar-static" >}}">top</a> and <a href="{{< docsref "/examples/navbar-fixed" >}}">fixed top</a> examples.</p> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/offcanvas-navbar/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/offcanvas-navbar/index.html index 07b18d681..f72583f9b 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/offcanvas-navbar/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/offcanvas-navbar/index.html @@ -5,7 +5,7 @@ extra_css: - "offcanvas-navbar.css" extra_js: - src: "offcanvas-navbar.js" -body_class: "bg-light" +body_class: "bg-body-tertiary" aliases: "/docs/5.3/examples/offcanvas/" --- @@ -75,21 +75,21 @@ aliases: "/docs/5.3/examples/offcanvas/" <div class="my-3 p-3 bg-body rounded shadow-sm"> <h6 class="border-bottom pb-2 mb-0">Recent updates</h6> - <div class="d-flex text-muted pt-3"> + <div class="d-flex text-body-secondary pt-3"> {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="flex-shrink-0 me-2 rounded" >}} <p class="pb-3 mb-0 small lh-sm border-bottom"> <strong class="d-block text-gray-dark">@username</strong> Some representative placeholder content, with some information about this user. Imagine this being some sort of status update, perhaps? </p> </div> - <div class="d-flex text-muted pt-3"> + <div class="d-flex text-body-secondary pt-3"> {{< placeholder width="32" height="32" background="#e83e8c" color="#e83e8c" class="flex-shrink-0 me-2 rounded" >}} <p class="pb-3 mb-0 small lh-sm border-bottom"> <strong class="d-block text-gray-dark">@username</strong> Some more representative placeholder content, related to this other user. Another status update, perhaps. </p> </div> - <div class="d-flex text-muted pt-3"> + <div class="d-flex text-body-secondary pt-3"> {{< placeholder width="32" height="32" background="#6f42c1" color="#6f42c1" class="flex-shrink-0 me-2 rounded" >}} <p class="pb-3 mb-0 small lh-sm border-bottom"> <strong class="d-block text-gray-dark">@username</strong> @@ -103,7 +103,7 @@ aliases: "/docs/5.3/examples/offcanvas/" <div class="my-3 p-3 bg-body rounded shadow-sm"> <h6 class="border-bottom pb-2 mb-0">Suggestions</h6> - <div class="d-flex text-muted pt-3"> + <div class="d-flex text-body-secondary pt-3"> {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="flex-shrink-0 me-2 rounded" >}} <div class="pb-3 mb-0 small lh-sm border-bottom w-100"> <div class="d-flex justify-content-between"> @@ -113,7 +113,7 @@ aliases: "/docs/5.3/examples/offcanvas/" <span class="d-block">@username</span> </div> </div> - <div class="d-flex text-muted pt-3"> + <div class="d-flex text-body-secondary pt-3"> {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="flex-shrink-0 me-2 rounded" >}} <div class="pb-3 mb-0 small lh-sm border-bottom w-100"> <div class="d-flex justify-content-between"> @@ -123,7 +123,7 @@ aliases: "/docs/5.3/examples/offcanvas/" <span class="d-block">@username</span> </div> </div> - <div class="d-flex text-muted pt-3"> + <div class="d-flex text-body-secondary pt-3"> {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="flex-shrink-0 me-2 rounded" >}} <div class="pb-3 mb-0 small lh-sm border-bottom w-100"> <div class="d-flex justify-content-between"> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/index.html index 64b856a64..6c9c82cb4 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/index.html @@ -16,22 +16,22 @@ include_js: false <div class="container py-3"> <header> <div class="d-flex flex-column flex-md-row align-items-center pb-3 mb-4 border-bottom"> - <a href="/" class="d-flex align-items-center text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center link-body-emphasis text-decoration-none"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="me-2" viewBox="0 0 118 94" role="img"><title>Bootstrap</title><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"></path></svg> <span class="fs-4">Pricing example</span> </a> <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto"> - <a class="me-3 py-2 text-dark text-decoration-none" href="#">Features</a> - <a class="me-3 py-2 text-dark text-decoration-none" href="#">Enterprise</a> - <a class="me-3 py-2 text-dark text-decoration-none" href="#">Support</a> - <a class="py-2 text-dark text-decoration-none" href="#">Pricing</a> + <a class="me-3 py-2 link-body-emphasis text-decoration-none" href="#">Features</a> + <a class="me-3 py-2 link-body-emphasis text-decoration-none" href="#">Enterprise</a> + <a class="me-3 py-2 link-body-emphasis text-decoration-none" href="#">Support</a> + <a class="py-2 link-body-emphasis text-decoration-none" href="#">Pricing</a> </nav> </div> <div class="pricing-header p-3 pb-md-4 mx-auto text-center"> <h1 class="display-4 fw-normal">Pricing</h1> - <p class="fs-5 text-muted">Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.</p> + <p class="fs-5 text-body-secondary">Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.</p> </div> </header> @@ -43,7 +43,7 @@ include_js: false <h4 class="my-0 fw-normal">Free</h4> </div> <div class="card-body"> - <h1 class="card-title pricing-card-title">$0<small class="text-muted fw-light">/mo</small></h1> + <h1 class="card-title pricing-card-title">$0<small class="text-body-secondary fw-light">/mo</small></h1> <ul class="list-unstyled mt-3 mb-4"> <li>10 users included</li> <li>2 GB of storage</li> @@ -60,7 +60,7 @@ include_js: false <h4 class="my-0 fw-normal">Pro</h4> </div> <div class="card-body"> - <h1 class="card-title pricing-card-title">$15<small class="text-muted fw-light">/mo</small></h1> + <h1 class="card-title pricing-card-title">$15<small class="text-body-secondary fw-light">/mo</small></h1> <ul class="list-unstyled mt-3 mb-4"> <li>20 users included</li> <li>10 GB of storage</li> @@ -77,7 +77,7 @@ include_js: false <h4 class="my-0 fw-normal">Enterprise</h4> </div> <div class="card-body"> - <h1 class="card-title pricing-card-title">$29<small class="text-muted fw-light">/mo</small></h1> + <h1 class="card-title pricing-card-title">$29<small class="text-body-secondary fw-light">/mo</small></h1> <ul class="list-unstyled mt-3 mb-4"> <li>30 users included</li> <li>15 GB of storage</li> @@ -151,7 +151,7 @@ include_js: false <div class="row"> <div class="col-12 col-md"> <img class="mb-2" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="" width="24" height="19"> - <small class="d-block mb-3 text-muted">© 2017–{{< year >}}</small> + <small class="d-block mb-3 text-body-secondary">© 2017–{{< year >}}</small> </div> <div class="col-6 col-md"> <h5>Features</h5> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/pricing.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/pricing.css index c7304d10b..eb03cead5 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/pricing.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/pricing/pricing.css @@ -1,5 +1,5 @@ body { - background-image: linear-gradient(180deg, #eee, #fff 100px, #fff); + background-image: linear-gradient(180deg, var(--bs-body-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg)); } .container { diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/product/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/product/index.html index c2eb0eb2a..c54084e3d 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/product/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/product/index.html @@ -21,7 +21,7 @@ extra_css: </header> <main> - <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light"> + <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-body-tertiary"> <div class="col-md-5 p-lg-5 mx-auto my-5"> <h1 class="display-4 fw-normal">Punny headline</h1> <p class="lead fw-normal">And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple’s marketing pages.</p> @@ -37,9 +37,9 @@ extra_css: <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> </div> - <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + <div class="bg-body-tertiary shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> </div> - <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="bg-body-tertiary me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> <div class="my-3 p-3"> <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> @@ -49,7 +49,7 @@ extra_css: </div> <div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3"> - <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="bg-body-tertiary me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> <div class="my-3 p-3"> <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> @@ -61,19 +61,19 @@ extra_css: <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> </div> - <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + <div class="bg-body-tertiary shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> </div> </div> <div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3"> - <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="bg-body-tertiary me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> <div class="my-3 p-3"> <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> </div> <div class="bg-body shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> </div> - <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="bg-body-tertiary me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> <div class="my-3 py-3"> <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> @@ -83,14 +83,14 @@ extra_css: </div> <div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3"> - <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="bg-body-tertiary me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> <div class="my-3 p-3"> <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> </div> <div class="bg-body shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> </div> - <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="bg-body-tertiary me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> <div class="my-3 py-3"> <h2 class="display-5">Another headline</h2> <p class="lead">And an even wittier subheading.</p> @@ -104,7 +104,7 @@ extra_css: <div class="row"> <div class="col-12 col-md"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img" viewBox="0 0 24 24"><title>Product</title><circle cx="12" cy="12" r="10"/><path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/></svg> - <small class="d-block mb-3 text-muted">© 2017–{{< year >}}</small> + <small class="d-block mb-3 text-body-secondary">© 2017–{{< year >}}</small> </div> <div class="col-6 col-md"> <h5>Features</h5> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/index.html index 48889facc..ee1edc169 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/index.html @@ -30,41 +30,6 @@ body_class: "" <symbol id="grid" viewBox="0 0 16 16"> <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/> </symbol> - <symbol id="collection" viewBox="0 0 16 16"> - <path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z"/> - </symbol> - <symbol id="calendar3" viewBox="0 0 16 16"> - <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/> - <path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> - </symbol> - <symbol id="chat-quote-fill" viewBox="0 0 16 16"> - <path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 6C4.776 6 4 6.746 4 7.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 9.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 6c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z"/> - </symbol> - <symbol id="cpu-fill" viewBox="0 0 16 16"> - <path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/> - <path d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z"/> - </symbol> - <symbol id="gear-fill" viewBox="0 0 16 16"> - <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> - </symbol> - <symbol id="speedometer" viewBox="0 0 16 16"> - <path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/> - <path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/> - </symbol> - <symbol id="toggles2" viewBox="0 0 16 16"> - <path d="M9.465 10H12a2 2 0 1 1 0 4H9.465c.34-.588.535-1.271.535-2 0-.729-.195-1.412-.535-2z"/> - <path d="M6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm.535-10a3.975 3.975 0 0 1-.409-1H4a1 1 0 0 1 0-2h2.126c.091-.355.23-.69.41-1H4a2 2 0 1 0 0 4h2.535z"/> - <path d="M14 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0z"/> - </symbol> - <symbol id="tools" viewBox="0 0 16 16"> - <path d="M1 0L0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z"/> - </symbol> - <symbol id="chevron-right" viewBox="0 0 16 16"> - <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> - </symbol> - <symbol id="geo-fill" viewBox="0 0 16 16"> - <path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/> - </symbol> </svg> <main class="d-flex flex-nowrap"> @@ -126,8 +91,8 @@ body_class: "" <div class="b-example-divider b-example-vr"></div> - <div class="d-flex flex-column flex-shrink-0 p-3 bg-light" style="width: 280px;"> - <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none"> + <div class="d-flex flex-column flex-shrink-0 p-3 bg-body-tertiary" style="width: 280px;"> + <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"> <svg class="bi pe-none me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="fs-4">Sidebar</span> </a> @@ -140,25 +105,25 @@ body_class: "" </a> </li> <li> - <a href="#" class="nav-link link-dark"> + <a href="#" class="nav-link link-body-emphasis"> <svg class="bi pe-none me-2" width="16" height="16"><use xlink:href="#speedometer2"/></svg> Dashboard </a> </li> <li> - <a href="#" class="nav-link link-dark"> + <a href="#" class="nav-link link-body-emphasis"> <svg class="bi pe-none me-2" width="16" height="16"><use xlink:href="#table"/></svg> Orders </a> </li> <li> - <a href="#" class="nav-link link-dark"> + <a href="#" class="nav-link link-body-emphasis"> <svg class="bi pe-none me-2" width="16" height="16"><use xlink:href="#grid"/></svg> Products </a> </li> <li> - <a href="#" class="nav-link link-dark"> + <a href="#" class="nav-link link-body-emphasis"> <svg class="bi pe-none me-2" width="16" height="16"><use xlink:href="#people-circle"/></svg> Customers </a> @@ -166,7 +131,7 @@ body_class: "" </ul> <hr> <div class="dropdown"> - <a href="#" class="d-flex align-items-center link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="" width="32" height="32" class="rounded-circle me-2"> <strong>mdo</strong> </a> @@ -182,8 +147,8 @@ body_class: "" <div class="b-example-divider b-example-vr"></div> - <div class="d-flex flex-column flex-shrink-0 bg-light" style="width: 4.5rem;"> - <a href="/" class="d-block p-3 link-dark text-decoration-none" title="Icon-only" data-bs-toggle="tooltip" data-bs-placement="right"> + <div class="d-flex flex-column flex-shrink-0 bg-body-tertiary" style="width: 4.5rem;"> + <a href="/" class="d-block p-3 link-body-emphasis text-decoration-none" title="Icon-only" data-bs-toggle="tooltip" data-bs-placement="right"> <svg class="bi pe-none" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="visually-hidden">Icon-only</span> </a> @@ -215,7 +180,7 @@ body_class: "" </li> </ul> <div class="dropdown border-top"> - <a href="#" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center justify-content-center p-3 link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="mdo" width="24" height="24" class="rounded-circle"> </a> <ul class="dropdown-menu text-small shadow"> @@ -230,8 +195,8 @@ body_class: "" <div class="b-example-divider b-example-vr"></div> - <div class="flex-shrink-0 p-3 bg-white" style="width: 280px;"> - <a href="/" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom"> + <div class="flex-shrink-0 p-3" style="width: 280px;"> + <a href="/" class="d-flex align-items-center pb-3 mb-3 link-body-emphasis text-decoration-none border-bottom"> <svg class="bi pe-none me-2" width="30" height="24"><use xlink:href="#bootstrap"/></svg> <span class="fs-5 fw-semibold">Collapsible</span> </a> @@ -242,9 +207,9 @@ body_class: "" </button> <div class="collapse show" id="home-collapse"> <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small"> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Overview</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Updates</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Reports</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Overview</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Updates</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Reports</a></li> </ul> </div> </li> @@ -254,10 +219,10 @@ body_class: "" </button> <div class="collapse" id="dashboard-collapse"> <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small"> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Overview</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Weekly</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Monthly</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Annually</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Overview</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Weekly</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Monthly</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Annually</a></li> </ul> </div> </li> @@ -267,10 +232,10 @@ body_class: "" </button> <div class="collapse" id="orders-collapse"> <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small"> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">New</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Processed</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Shipped</a></li> - <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">Returned</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">New</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Processed</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Shipped</a></li> + <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Returned</a></li> </ul> </div> </li> @@ -293,8 +258,8 @@ body_class: "" <div class="b-example-divider b-example-vr"></div> - <div class="d-flex flex-column align-items-stretch flex-shrink-0 bg-white" style="width: 380px;"> - <a href="/" class="d-flex align-items-center flex-shrink-0 p-3 link-dark text-decoration-none border-bottom"> + <div class="d-flex flex-column align-items-stretch flex-shrink-0 bg-body-tertiary" style="width: 380px;"> + <a href="/" class="d-flex align-items-center flex-shrink-0 p-3 link-body-emphasis text-decoration-none border-bottom"> <svg class="bi pe-none me-2" width="30" height="24"><use xlink:href="#bootstrap"/></svg> <span class="fs-5 fw-semibold">List group</span> </a> @@ -309,14 +274,14 @@ body_class: "" <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Tues</small> + <small class="text-body-secondary">Tues</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Mon</small> + <small class="text-body-secondary">Mon</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> @@ -324,63 +289,63 @@ body_class: "" <a href="#" class="list-group-item list-group-item-action py-3 lh-sm" aria-current="true"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Wed</small> + <small class="text-body-secondary">Wed</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Tues</small> + <small class="text-body-secondary">Tues</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Mon</small> + <small class="text-body-secondary">Mon</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm" aria-current="true"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Wed</small> + <small class="text-body-secondary">Wed</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Tues</small> + <small class="text-body-secondary">Tues</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Mon</small> + <small class="text-body-secondary">Mon</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm" aria-current="true"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Wed</small> + <small class="text-body-secondary">Wed</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Tues</small> + <small class="text-body-secondary">Tues</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> <a href="#" class="list-group-item list-group-item-action py-3 lh-sm"> <div class="d-flex w-100 align-items-center justify-content-between"> <strong class="mb-1">List group item heading</strong> - <small class="text-muted">Mon</small> + <small class="text-body-secondary">Mon</small> </div> <div class="col-10 mb-1 small">Some placeholder content in a paragraph below the heading and date.</div> </a> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/sidebars.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/sidebars.css index 5dc9fbaeb..f6a8f1c53 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/sidebars.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sidebars/sidebars.css @@ -20,13 +20,13 @@ main { .btn-toggle { padding: .25rem .5rem; font-weight: 600; - color: rgba(0, 0, 0, .65); + color: var(--bs-emphasis-color); background-color: transparent; } .btn-toggle:hover, .btn-toggle:focus { - color: rgba(0, 0, 0, .85); - background-color: #d2f4ea; + color: rgba(var(--bs-emphasis-color-rgb), .85); + background-color: var(--bs-tertiary-bg); } .btn-toggle::before { @@ -37,8 +37,12 @@ main { transform-origin: .5em 50%; } +[data-bs-theme="dark"] .btn-toggle::before { + content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); +} + .btn-toggle[aria-expanded="true"] { - color: rgba(0, 0, 0, .85); + color: rgba(var(--bs-emphasis-color-rgb), .85); } .btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg); @@ -51,7 +55,7 @@ main { } .btn-toggle-nav a:hover, .btn-toggle-nav a:focus { - background-color: #d2f4ea; + background-color: var(--bs-tertiary-bg); } .scrollarea { diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sign-in/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sign-in/index.html index cdcf16994..0f084ed7b 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sign-in/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sign-in/index.html @@ -27,6 +27,6 @@ include_js: false </label> </div> <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button> - <p class="mt-5 mb-3 text-muted">© 2017–{{< year >}}</p> + <p class="mt-5 mb-3 text-body-secondary">© 2017–{{< year >}}</p> </form> </main> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/index.html index 5a898a44d..0a24a1e94 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/index.html @@ -1,20 +1,28 @@ --- layout: examples title: Starter Template -extra_css: - - "starter-template.css" --- +<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> + <symbol id="arrow-right-circle" viewBox="0 0 16 16"> + <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/> + </symbol> + <symbol id="bootstrap" viewBox="0 0 118 94"> + <title>Bootstrap</title> + <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path> + </symbol> +</svg> + <div class="col-lg-8 mx-auto p-4 py-md-5"> <header class="d-flex align-items-center pb-3 mb-5 border-bottom"> - <a href="/" class="d-flex align-items-center text-dark text-decoration-none"> - <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="me-2" viewBox="0 0 118 94" role="img"><title>Bootstrap</title><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"></path></svg> + <a href="/" class="d-flex align-items-center text-body-emphasis text-decoration-none"> + <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="fs-4">Starter template</span> </a> </header> <main> - <h1>Get started with Bootstrap</h1> + <h1 class="text-body-emphasis">Get started with Bootstrap</h1> <p class="fs-5 col-md-8">Quickly and easily get started with Bootstrap's compiled, production-ready files with this barebones example featuring some basic HTML and helpful links. Download all our examples to get started.</p> <div class="mb-5"> @@ -25,28 +33,75 @@ extra_css: <div class="row g-5"> <div class="col-md-6"> - <h2>Starter projects</h2> + <h2 class="text-body-emphasis">Starter projects</h2> <p>Ready to beyond the starter template? Check out these open source projects that you can quickly duplicate to a new GitHub repository.</p> - <ul class="icon-list ps-0"> - <li class="d-flex align-items-start mb-1"><a href="https://github.com/twbs/bootstrap-npm-starter" rel="noopener" target="_blank">Bootstrap npm starter</a></li> - <li class="text-muted d-flex align-items-start mb-1">Bootstrap Parcel starter (coming soon!)</li> + <ul class="list-unstyled ps-0"> + <li> + <a class="icon-link mb-1" href="https://github.com/twbs/examples/tree/main/icons-font" rel="noopener" target="_blank"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap npm starter + </a> + </li> + <li> + <a class="icon-link mb-1" href="https://github.com/twbs/examples/tree/main/parcel" rel="noopener" target="_blank"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap Parcel starter + </a> + </li> + <li> + <a class="icon-link mb-1" href="https://github.com/twbs/examples/tree/main/vite" rel="noopener" target="_blank"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap Vite starter + </a> + </li> + <li> + <a class="icon-link mb-1" href="https://github.com/twbs/examples/tree/main/webpack" rel="noopener" target="_blank"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap Webpack starter + </a> + </li> </ul> </div> <div class="col-md-6"> - <h2>Guides</h2> + <h2 class="text-body-emphasis">Guides</h2> <p>Read more detailed instructions and documentation on using or contributing to Bootstrap.</p> - <ul class="icon-list ps-0"> - <li class="d-flex align-items-start mb-1"><a href="{{< docsref "/getting-started/introduction" >}}">Bootstrap quick start guide</a></li> - <li class="d-flex align-items-start mb-1"><a href="{{< docsref "/getting-started/webpack" >}}">Bootstrap Webpack guide</a></li> - <li class="d-flex align-items-start mb-1"><a href="{{< docsref "/getting-started/parcel" >}}">Bootstrap Parcel guide</a></li> - <li class="d-flex align-items-start mb-1"><a href="{{< docsref "/getting-started/vite" >}}">Bootstrap Vite guide</a></li> - <li class="d-flex align-items-start mb-1"><a href="{{< docsref "/getting-started/contribute" >}}">Contributing to Bootstrap</a></li> + <ul class="list-unstyled ps-0"> + <li> + <a class="icon-link mb-1" href="{{< docsref "/getting-started/introduction" >}}"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap quick start guide + </a> + </li> + <li> + <a class="icon-link mb-1" href="{{< docsref "/getting-started/webpack" >}}"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap Webpack guide + </a> + </li> + <li> + <a class="icon-link mb-1" href="{{< docsref "/getting-started/parcel" >}}"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap Parcel guide + </a> + </li> + <li> + <a class="icon-link mb-1" href="{{< docsref "/getting-started/vite" >}}"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Bootstrap Vite guide + </a> + </li> + <li> + <a class="icon-link mb-1" href="{{< docsref "/getting-started/contribute" >}}"> + <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-circle"/></svg> + Contributing to Bootstrap + </a> + </li> </ul> </div> </div> </main> - <footer class="pt-5 my-5 text-muted border-top"> + <footer class="pt-5 my-5 text-body-secondary border-top"> Created by the Bootstrap team · © {{< year >}} </footer> </div> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/starter-template.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/starter-template.css deleted file mode 100644 index 582dcbe4f..000000000 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/starter-template/starter-template.css +++ /dev/null @@ -1,9 +0,0 @@ -.icon-list li::before { - display: block; - flex-shrink: 0; - width: 1.5em; - height: 1.5em; - margin-right: .5rem; - content: ""; - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto; -} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer-navbar/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer-navbar/index.html index 1f807a6dc..75b99cdcc 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer-navbar/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer-navbar/index.html @@ -45,8 +45,8 @@ body_class: "d-flex flex-column h-100" </div> </main> -<footer class="footer mt-auto py-3 bg-light"> +<footer class="footer mt-auto py-3 bg-body-tertiary"> <div class="container"> - <span class="text-muted">Place sticky footer content here.</span> + <span class="text-body-secondary">Place sticky footer content here.</span> </div> </footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer/index.html index 7a6e127cd..4d5a33cd6 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/sticky-footer/index.html @@ -17,8 +17,8 @@ include_js: false </div> </main> -<footer class="footer mt-auto py-3 bg-light"> +<footer class="footer mt-auto py-3 bg-body-tertiary"> <div class="container"> - <span class="text-muted">Place sticky footer content here.</span> + <span class="text-body-secondary">Place sticky footer content here.</span> </div> </footer> |