| Safe Haskell | None |
|---|---|
| Language | Haskell98 |
Clay.Background
Contents
- class Val a => Background a where
- background :: a -> Css
- backgroundColor :: Color -> Css
- data BackgroundPosition
- backgroundPosition :: BackgroundPosition -> Css
- backgroundPositions :: [BackgroundPosition] -> Css
- placed :: Side -> Side -> BackgroundPosition
- positioned :: Size a -> Size a -> BackgroundPosition
- data BackgroundSize
- backgroundSize :: BackgroundSize -> Css
- backgroundSizes :: [BackgroundSize] -> Css
- contain :: BackgroundSize
- cover :: BackgroundSize
- by :: Size a -> Size b -> BackgroundSize
- data BackgroundRepeat
- backgroundRepeat :: BackgroundRepeat -> Css
- backgroundRepeats :: [BackgroundRepeat] -> Css
- repeat :: BackgroundRepeat
- space :: BackgroundRepeat
- round :: BackgroundRepeat
- noRepeat :: BackgroundRepeat
- xyRepeat :: BackgroundRepeat -> BackgroundRepeat -> BackgroundRepeat
- repeatX :: BackgroundRepeat
- repeatY :: BackgroundRepeat
- data BackgroundOrigin
- backgroundOrigin :: BackgroundOrigin -> Css
- backgroundOrigins :: [BackgroundOrigin] -> Css
- origin :: BoxType -> BackgroundOrigin
- data BackgroundClip
- backgroundClip :: BackgroundClip -> Css
- backgroundClips :: [BackgroundClip] -> Css
- boxClip :: BoxType -> BackgroundClip
- data BackgroundAttachment
- backgroundAttachment :: BackgroundAttachment -> Css
- backgroundAttachments :: [BackgroundAttachment] -> Css
- attachFixed :: BackgroundAttachment
- attachScroll :: BackgroundAttachment
- data BackgroundImage
- backgroundImage :: BackgroundImage -> Css
- backgroundImages :: [BackgroundImage] -> Css
- url :: Text -> BackgroundImage
- data Side
- sideTop :: Side
- sideLeft :: Side
- sideRight :: Side
- sideBottom :: Side
- sideCenter :: Side
- sideMiddle :: Side
- data Direction
- straight :: Side -> Direction
- angular :: Angle a -> Direction
- data Location
- class Val a => Loc a
Generic background property.
class Val a => Background a where Source
We implement the generic background property as a type class that accepts multiple value types. This allows us to combine different background aspects into a shorthand syntax.
Minimal complete definition
Nothing
Methods
background :: a -> Css Source
Instances
The background-color.
backgroundColor :: Color -> Css Source
The background-position.
data BackgroundPosition Source
placed :: Side -> Side -> BackgroundPosition Source
positioned :: Size a -> Size a -> BackgroundPosition Source
The background-size.
data BackgroundSize Source
backgroundSizes :: [BackgroundSize] -> Css Source
by :: Size a -> Size b -> BackgroundSize Source
The background-repeat.
data BackgroundRepeat Source
backgroundRepeats :: [BackgroundRepeat] -> Css Source
The background-origin.
data BackgroundOrigin Source
backgroundOrigins :: [BackgroundOrigin] -> Css Source
origin :: BoxType -> BackgroundOrigin Source
The background-clip.
data BackgroundClip Source
backgroundClips :: [BackgroundClip] -> Css Source
boxClip :: BoxType -> BackgroundClip Source
The background-attachment.
The background-image.
data BackgroundImage Source
backgroundImages :: [BackgroundImage] -> Css Source
url :: Text -> BackgroundImage Source
Specifying sides.
We have to prefix these values to avoid conflict with existing property names.
We have to prefix these values to avoid conflict with existing property names.
We have to prefix these values to avoid conflict with existing property names.
sideBottom :: Side Source
We have to prefix these values to avoid conflict with existing property names.
sideCenter :: Side Source
We have to prefix these values to avoid conflict with existing property names.
sideMiddle :: Side Source
We have to prefix these values to avoid conflict with existing property names.