summaryrefslogtreecommitdiffstats
path: root/site/content/docs/5.3/examples/offcanvas-navbar/index.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--site/content/docs/5.3/examples/offcanvas-navbar/index.html (renamed from site/content/docs/5.2/examples/offcanvas-navbar/index.html)20
1 files changed, 10 insertions, 10 deletions
diff --git a/site/content/docs/5.2/examples/offcanvas-navbar/index.html b/site/content/docs/5.3/examples/offcanvas-navbar/index.html
index 81c9bb4..f72583f 100644
--- a/site/content/docs/5.2/examples/offcanvas-navbar/index.html
+++ b/site/content/docs/5.3/examples/offcanvas-navbar/index.html
@@ -2,11 +2,11 @@
layout: examples
title: Offcanvas navbar template
extra_css:
- - "offcanvas.css"
+ - "offcanvas-navbar.css"
extra_js:
- - src: "offcanvas.js"
-body_class: "bg-light"
-aliases: "/docs/5.2/examples/offcanvas/"
+ - src: "offcanvas-navbar.js"
+body_class: "bg-body-tertiary"
+aliases: "/docs/5.3/examples/offcanvas/"
---
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark" aria-label="Main navigation">
@@ -75,21 +75,21 @@ aliases: "/docs/5.2/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.2/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.2/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.2/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">