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