near/arnes.space
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix multi-line padded bg

Browse source
This commit is contained in:
arne 2022-02-26 14:04:23 +01:00
commit 7c3a4fbaf0
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/assets/style.scss
View file

@ -55,11 +55,14 @@ a {
color: $highlight; color: $highlight;
text-decoration: none; text-decoration: none;
position: relative; 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; background: $highlight-1;
box-shadow: .3em 0 0 $highlight-1, box-shadow: .3em 0 0 $highlight-1,
-.3em 0 0 $highlight-1; -.3em 0 0 $highlight-1;
padding: .1em 0;
transition: background .2s ease-in, box-shadow .2s ease-in;
&:hover { &:hover {
background: $highlight-2; background: $highlight-2;
@ -181,9 +184,12 @@ footer {
a { a {
color: #888; color: #888;
// multi-line padded background
background: #88888822; background: #88888822;
box-shadow: .3em 0 0 #88888822, box-shadow: .3em 0 0 #88888822,
-.3em 0 0 #88888822; -.3em 0 0 #88888822;
box-decoration-break: clone;
&:hover { &:hover {
background: #88888844; background: #88888844;