fortytwo/prose
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styles: highlighter-y link style

Browse source 
Signed-off-by: Naman Sood <naman.sood@data.world>
This commit is contained in:
Naman Sood 2022-08-19 01:52:53 -05:00
parent 6adbcf0421
commit 22a7986cbc
1 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
styles/main.scss
View file

@ -28,24 +28,25 @@ $accentColorDark: #3498db;
--fadeColor: #{$fadeColorLight};
--faintFadeColor: #{lighten($fadeColorLight, 15%)};
--accentColor: #{$accentColorLight};
--faintAccentColor: #{saturate(lighten($accentColorLight, 35%), 20%)};
}
@mixin link {
color: var(--strongColor);
text-decoration: none;
background-image: linear-gradient(
transparent 80%,
var(--faintFadeColor) 80%,
var(--faintFadeColor) 87.5%,
transparent 87.5%
transparent 72.5%,
var(--faintAccentColor) 72.5%,
var(--faintAccentColor) 92.5%,
transparent 92.5%
);
&:hover {
background-image: linear-gradient(
transparent 80%,
var(--faintBodyColor) 80%,
var(--faintBodyColor) 87.5%,
transparent 87.5%
transparent 0%,
var(--faintAccentColor) 0%,
var(--faintAccentColor) 92.5%,
transparent 92.5%
);
}
}
@ -354,6 +355,7 @@ footer {
--fadeColor: #{$fadeColorDark};
--faintFadeColor: #{darken($fadeColorDark, 15%)};
--accentColor: #{$accentColorDark};
--faintAccentColor: #{desaturate(darken($accentColorLight, 15%), 20%)};
}
pre {