mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-28 08:50:28 -04:00
14 lines
532 B
SCSS
14 lines
532 B
SCSS
@charset "UTF-8";
|
|
|
|
// Gradient hack to get our custom underline to wrap:
|
|
// https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/
|
|
@function underline-hack($color) {
|
|
// Calculate lighter underline color compared to text color by
|
|
// mix()'ing with background (#fff) to give the impression of
|
|
// opacity but with MUCH better compatibility.
|
|
$color-opaque: mix($color, $color-background, $link-opacity);
|
|
|
|
// Return non-gradient linear-gradient():
|
|
@return linear-gradient($color-opaque, $color-opaque);
|
|
}
|