Added delay to kbd animation

amir2mi · Oct 21, 2022 · ddcd38e · ddcd38e
1 parent 5dc4467
commit ddcd38e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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">