chore: adjust styling for <kbd> and <code>

starknt · Aug 30, 2024 · 14aa2c4 · 14aa2c4
1 parent eed7223
commit 14aa2c4
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -88,25 +88,27 @@ img {
 }
 
 code {
+  display: inline-block;
   background-color: var(--bew-fill-1);
-  padding: 0 4px;
-  margin: 0 2px;
+  padding: 0 0.5em;
+  margin: 0.24em 0.2em;
   border-radius: 4px;
   font-weight: 600;
+  line-height: 1.24;
   box-shadow: 0 0 0 1px var(--bew-border-color);
 }
 
 kbd {
+  display: inline-block;
   background-color: var(--bew-fill-1);
   padding: 0 0.5em;
   margin: 0.24em 0.2em;
   border-radius: 4px;
   box-shadow:
     0 0 0 1px var(--bew-border-color),
     0 2.4px 0 0 var(--bew-fill-2);
-  line-height: 1.4;
+  line-height: 1.24;
   cursor: pointer;
-  display: inline-block;
   transition: 0.3s;
 
   &:hover {