| Safe Haskell | None |
|---|---|
| Language | Haskell98 |
Clay.Background
Contents
- class Val a => Background a where
- 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.
Methods
background :: a -> Css Source #
Instances
The background-color.
backgroundColor :: Color -> Css Source #
The background-position.
data BackgroundPosition Source #
backgroundPositions :: [BackgroundPosition] -> Css Source #
positioned :: Size a -> Size a -> BackgroundPosition Source #
The background-size.
data BackgroundSize Source #
backgroundSize :: BackgroundSize -> Css Source #
backgroundSizes :: [BackgroundSize] -> Css 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 #
backgroundClip :: BackgroundClip -> Css Source #
backgroundClips :: [BackgroundClip] -> Css Source #
boxClip :: BoxType -> BackgroundClip Source #
The background-attachment.
data BackgroundAttachment Source #
The background-image.
data BackgroundImage Source #
backgroundImage :: BackgroundImage -> Css 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.