Further tweak to the background of inline code inside links

digitalocean · Apr 27, 2024 · 025afe4 · 025afe4
1 parent f3a3e07
commit 025afe4
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/styles/_typography.scss b/styles/_typography.scss
@@ -109,13 +109,17 @@ a {
         color: $white;
 
         code {
-            background: linear-gradient($blue1, $blue1) center calc(100% - 0.2em + 0.5px) / 100% calc(100% - (0.2em * 2)) no-repeat, linear-gradient($gray8, $gray8);
+            background:
+                linear-gradient($blue2, $blue2) center calc(100% - 0.2em + 0.5px) / 100% 1px no-repeat,
+                linear-gradient($gray8, $gray8) center top / 100% 0% no-repeat;
             color: $white;
         }
     }
 
     code {
-        background: linear-gradient($blue2, $blue2) center calc(100% - 0.2em + 0.5px) / 100% 1px no-repeat, linear-gradient($gray8, $gray8);
+        background:
+            linear-gradient($blue2, $blue2) center calc(100% - 0.2em + 0.5px) / 100% 1px no-repeat,
+            linear-gradient($gray8, $gray8) center top / 100% 100% no-repeat;
         transition:
             background 300ms ease-in-out,
             color 300ms ease-in-out;