From ddcd38e130d6bafaec6e76d244c748134fd9cd7e Mon Sep 17 00:00:00 2001
From: "Amir M. Mohamadi" <mail.amir2mi@gmail.com>
Date: Fri, 21 Oct 2022 17:07:00 +0330
Subject: [PATCH] Added delay to kbd animation

---
 scss/content/_kbd.scss | 2 +-
 test.html              | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/scss/content/_kbd.scss b/scss/content/_kbd.scss
index 40077986..e18109eb 100644
--- a/scss/content/_kbd.scss
+++ b/scss/content/_kbd.scss
@@ -14,7 +14,7 @@ kbd {
   border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);
   box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);
   will-change: transform;
-  transition: all var(--#{$CSS_VAR_PFX}simple-transition);
+  transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.15s;
 
   &:hover {
     box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}local-border-color);
diff --git a/test.html b/test.html
index fdbd40f8..d0297599 100644
--- a/test.html
+++ b/test.html
@@ -241,9 +241,9 @@ <h5 class="modal-title" id="my-modal-title">Here is an example</h5>
     </div>
 
     <p class="truncate toggle-truncate show-text">
-      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam
-      malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo
-      eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
+      Lorem <kbd>Ctrl</kbd> dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.
+      Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec
+      justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
     </p>
 
     <p class="truncate my-truncated-text">