clay-0.14.0: CSS preprocessor as embedded Haskell.

Safe Haskell	None
Language	Haskell2010

Clay.Gradient

Contents

Color ramp type.
Linear gradients.
Radial gradients.
Repeating gradients.

Synopsis

type Ramp = [(Color, Size Percentage)]
linearGradient :: Direction -> Ramp -> BackgroundImage
hGradient :: Color -> Color -> BackgroundImage
vGradient :: Color -> Color -> BackgroundImage
data Radial
circle :: Extend -> Radial
ellipse :: Extend -> Radial
circular :: Size LengthUnit -> Radial
elliptical :: Size a -> Size a -> Radial
data Extend
closestSide :: Extend
closestCorner :: Extend
farthestSide :: Extend
farthestCorner :: Extend
radialGradient :: Loc l => l -> Radial -> Ramp -> BackgroundImage
repeatingLinearGradient :: Direction -> Ramp -> BackgroundImage
hRepeatingGradient :: Color -> Color -> BackgroundImage
vRepeatingGradient :: Color -> Color -> BackgroundImage
repeatingRadialGradient :: Loc l => l -> Radial -> Ramp -> BackgroundImage

Color ramp type.

type Ramp = [(Color, Size Percentage)] Source #

Linear gradients.

linearGradient :: Direction -> Ramp -> BackgroundImage Source #

hGradient :: Color -> Color -> BackgroundImage Source #

vGradient :: Color -> Color -> BackgroundImage Source #

Radial gradients.

data Radial Source #

Instances

Instances details

Val Radial Source #
Instance details Defined in Clay.Gradient Methods value :: Radial -> Value Source #
Other Radial Source #
Instance details Defined in Clay.Gradient Methods other :: Value -> Radial Source #

circle :: Extend -> Radial Source #

ellipse :: Extend -> Radial Source #

circular :: Size LengthUnit -> Radial Source #

elliptical :: Size a -> Size a -> Radial Source #

data Extend Source #

Instances

Instances details

Val Extend Source #
Instance details Defined in Clay.Gradient Methods value :: Extend -> Value Source #
Other Extend Source #
Instance details Defined in Clay.Gradient Methods other :: Value -> Extend Source #

closestSide :: Extend Source #

closestCorner :: Extend Source #

farthestSide :: Extend Source #

farthestCorner :: Extend Source #

radialGradient :: Loc l => l -> Radial -> Ramp -> BackgroundImage Source #

Repeating gradients.

repeatingLinearGradient :: Direction -> Ramp -> BackgroundImage Source #

hRepeatingGradient :: Color -> Color -> BackgroundImage Source #

vRepeatingGradient :: Color -> Color -> BackgroundImage Source #

repeatingRadialGradient :: Loc l => l -> Radial -> Ramp -> BackgroundImage Source #