# All files / styles stylize.ts

0% Statements 0/6
100% Branches 0/0
0% Functions 0/2
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10

     import { th } from '@xstyled/system'
    import { hexToRgb } from '../utils'

    export function lighten(hex: string, alpha: number): (props: any) => string {
      return (props): string => {
        const target = th.color.call(undefined, hex).call(undefined, props)
        return `rgba(${hexToRgb(target)}, ${alpha})`
      }
    }