From d0affaa2eccdd0ab697bc3eee57b6c22f4bc24f9 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Mon, 2 Sep 2019 19:19:25 +0300
Subject: Examples: use our utilities more. (#29358)

---
 site/content/docs/4.3/examples/offcanvas/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'site/content/docs/4.3/examples/offcanvas/index.html')

diff --git a/site/content/docs/4.3/examples/offcanvas/index.html b/site/content/docs/4.3/examples/offcanvas/index.html
index 308a95f1a..e6f734a4d 100644
--- a/site/content/docs/4.3/examples/offcanvas/index.html
+++ b/site/content/docs/4.3/examples/offcanvas/index.html
@@ -64,8 +64,8 @@ body_class: "bg-light"
 <main role="main" class="container">
   <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
     <img class="mr-3" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
-    <div class="lh-100">
-      <h6 class="mb-0 text-white lh-100">Bootstrap</h6>
+    <div class="lh-1">
+      <h6 class="mb-0 text-white lh-1">Bootstrap</h6>
       <small>Since 2011</small>
     </div>
   </div>
@@ -74,21 +74,21 @@ body_class: "bg-light"
     <h6 class="border-bottom border-gray pb-2 mb-0">Recent updates</h6>
     <div class="media text-muted pt-3">
       {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}}
-      <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+      <p class="media-body pb-3 mb-0 small lh-sm border-bottom border-gray">
         <strong class="d-block text-gray-dark">@username</strong>
         Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
       </p>
     </div>
     <div class="media text-muted pt-3">
       {{< placeholder width="32" height="32" background="#e83e8c" color="#e83e8c" class="mr-2 rounded" >}}
-      <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+      <p class="media-body pb-3 mb-0 small lh-sm border-bottom border-gray">
         <strong class="d-block text-gray-dark">@username</strong>
         Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
       </p>
     </div>
     <div class="media text-muted pt-3">
       {{< placeholder width="32" height="32" background="#6f42c1" color="#6f42c1" class="mr-2 rounded" >}}
-      <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+      <p class="media-body pb-3 mb-0 small lh-sm border-bottom border-gray">
         <strong class="d-block text-gray-dark">@username</strong>
         Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
       </p>
@@ -102,7 +102,7 @@ body_class: "bg-light"
     <h6 class="border-bottom border-gray pb-2 mb-0">Suggestions</h6>
     <div class="media text-muted pt-3">
       {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}}
-      <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+      <div class="media-body pb-3 mb-0 small lh-sm border-bottom border-gray">
         <div class="d-flex justify-content-between align-items-center w-100">
           <strong class="text-gray-dark">Full Name</strong>
           <a href="#">Follow</a>
@@ -112,7 +112,7 @@ body_class: "bg-light"
     </div>
     <div class="media text-muted pt-3">
       {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}}
-      <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+      <div class="media-body pb-3 mb-0 small lh-sm border-bottom border-gray">
         <div class="d-flex justify-content-between align-items-center w-100">
           <strong class="text-gray-dark">Full Name</strong>
           <a href="#">Follow</a>
@@ -122,7 +122,7 @@ body_class: "bg-light"
     </div>
     <div class="media text-muted pt-3">
       {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}}
-      <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+      <div class="media-body pb-3 mb-0 small lh-sm border-bottom border-gray">
         <div class="d-flex justify-content-between align-items-center w-100">
           <strong class="text-gray-dark">Full Name</strong>
           <a href="#">Follow</a>
-- 
cgit v1.2.3