From 7c3a4fbaf0954c798b66847a8c75db48eb109344 Mon Sep 17 00:00:00 2001
From: arne <hi@arnes.space>
Date: Sat, 26 Feb 2022 14:04:23 +0100
Subject: [PATCH] Fix multi-line padded bg

---
 src/assets/style.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/assets/style.scss b/src/assets/style.scss
index b2b72de..9e024cb 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -55,11 +55,14 @@ a {
   color: $highlight;
   text-decoration: none;
   position: relative;
+  padding: .1em 0;
+  transition: background .2s ease-in, box-shadow .2s ease-in;
+
+  // multi-line padded background
+  box-decoration-break: clone;
   background: $highlight-1;
   box-shadow: .3em 0 0 $highlight-1,
               -.3em 0 0 $highlight-1;
-  padding: .1em 0;
-  transition: background .2s ease-in, box-shadow .2s ease-in;
 
   &:hover {
     background: $highlight-2;
@@ -181,9 +184,12 @@ footer {
 
   a {
     color: #888;
+
+    // multi-line padded background
     background: #88888822;
     box-shadow: .3em 0 0 #88888822,
                 -.3em 0 0 #88888822;
+    box-decoration-break: clone;
 
     &:hover {
       background: #88888844;