jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 18:46:40 -04:00
Code Issues Activity

revert colord to smaller hex-rgb

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-09 19:49:54 -05:00
parent 379696166b
commit 32d1683e51
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages/index.tsx
View File

@ -1,6 +1,6 @@
import Link from "next/link";
import isAbsoluteUrl from "is-absolute-url";
import { colord } from "colord";
import hexRgb from "hex-rgb";
import { WaveIcon, LockIcon } from "../components/icons";
type ColorLinkProps = {
@ -15,9 +15,8 @@ type ColorLinkProps = {
const ColorLink = ({ href, title, lightColor, darkColor, external = false, children }: ColorLinkProps) => {
external = external || isAbsoluteUrl(href);
// spits out an alpha color in rgba() that's compatible with linear-gradient()
const underlineAlpha = 0.4;
const hexToRgba = (hex: string) => colord(hex).alpha(underlineAlpha).toRgbString();
// spits out a translucent color in rgba() format that's compatible with linear-gradient()
const hexToRgba = (hex: string, alpha: number = 0.4) => hexRgb(hex, { alpha, format: "css" });
return (
<Link href={href} passHref={true} prefetch={false}>