clay-0.15.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)] #

# Linear gradients.

linearGradient :: Direction -> Ramp -> BackgroundImage #

hGradient :: Color -> Color -> BackgroundImage #

vGradient :: Color -> Color -> BackgroundImage #

# Radial gradients.

data Radial #

#### Instances

Instances details

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

circle :: Extend -> Radial #

ellipse :: Extend -> Radial #

circular :: Size LengthUnit -> Radial #

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

data Extend #

#### Instances

Instances details

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

closestSide :: Extend #

closestCorner :: Extend #

farthestSide :: Extend #

farthestCorner :: Extend #

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

# Repeating gradients.

repeatingLinearGradient :: Direction -> Ramp -> BackgroundImage #

hRepeatingGradient :: Color -> Color -> BackgroundImage #

vRepeatingGradient :: Color -> Color -> BackgroundImage #

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