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

Change link styling

Browse source
This commit is contained in:
arne 2022-02-25 08:28:58 +01:00
commit 0b1e6a0e7f
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/assets/style.scss
View file

@ -6,6 +6,8 @@ $logo-size: 216;
$factor: 1 / ($logo-size / 500); $factor: 1 / ($logo-size / 500);
$highlight: #ff005f; $highlight: #ff005f;
$highlight-1: #ff005f11;
$highlight-2: #ff005f22;
@import 'ibm-plex/css/ibm-plex.scss'; @import 'ibm-plex/css/ibm-plex.scss';
@ -49,6 +51,25 @@ p {
a { a {
color: $highlight; color: $highlight;
display: inline-block;
position: relative;
text-decoration: none;
&:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: -.3em;
right: -.3em;
background: $highlight-1;
transition: .2s background ease-in;
}
&:hover:before {
background: $highlight-2;
}
} }
.ten-print { .ten-print {