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;