| Safe Haskell | None |
|---|---|
| Language | Haskell2010 |
Clay.Background
Synopsis
- 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
- class Val a
- location :: Loc a => a -> Location
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 #
Instances
| Val BackgroundPosition Source # | |
Defined in Clay.Background Methods value :: BackgroundPosition -> Value Source # | |
| Other BackgroundPosition Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundPosition Source # | |
| Inherit BackgroundPosition Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundPosition Source # | |
Defined in Clay.Background Methods background :: BackgroundPosition -> Css Source # | |
| Mask BackgroundPosition Source # | |
backgroundPositions :: [BackgroundPosition] -> Css Source #
positioned :: Size a -> Size a -> BackgroundPosition Source #
The background-size.
data BackgroundSize Source #
Instances
| Val BackgroundSize Source # | |
Defined in Clay.Background Methods value :: BackgroundSize -> Value Source # | |
| Other BackgroundSize Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundSize Source # | |
| Inherit BackgroundSize Source # | |
Defined in Clay.Background Methods | |
| Auto BackgroundSize Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundSize Source # | |
Defined in Clay.Background Methods background :: BackgroundSize -> Css Source # | |
| Mask BackgroundSize Source # | |
backgroundSize :: BackgroundSize -> Css Source #
backgroundSizes :: [BackgroundSize] -> Css Source #
The background-repeat.
data BackgroundRepeat Source #
Instances
| Val BackgroundRepeat Source # | |
Defined in Clay.Background Methods value :: BackgroundRepeat -> Value Source # | |
| Other BackgroundRepeat Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundRepeat Source # | |
| None BackgroundRepeat Source # | |
Defined in Clay.Background Methods | |
| Inherit BackgroundRepeat Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundRepeat Source # | |
Defined in Clay.Background Methods background :: BackgroundRepeat -> Css Source # | |
| Mask BackgroundRepeat Source # | |
backgroundRepeats :: [BackgroundRepeat] -> Css Source #
The background-origin.
data BackgroundOrigin Source #
Instances
| Val BackgroundOrigin Source # | |
Defined in Clay.Background Methods value :: BackgroundOrigin -> Value Source # | |
| Other BackgroundOrigin Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundOrigin Source # | |
| Inherit BackgroundOrigin Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundOrigin Source # | |
Defined in Clay.Background Methods background :: BackgroundOrigin -> Css Source # | |
| Mask BackgroundOrigin Source # | |
backgroundOrigins :: [BackgroundOrigin] -> Css Source #
origin :: BoxType -> BackgroundOrigin Source #
The background-clip.
data BackgroundClip Source #
Instances
| Val BackgroundClip Source # | |
Defined in Clay.Background Methods value :: BackgroundClip -> Value Source # | |
| Other BackgroundClip Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundClip Source # | |
| Inherit BackgroundClip Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundClip Source # | |
Defined in Clay.Background Methods background :: BackgroundClip -> Css Source # | |
| Mask BackgroundClip Source # | |
backgroundClip :: BackgroundClip -> Css Source #
backgroundClips :: [BackgroundClip] -> Css Source #
boxClip :: BoxType -> BackgroundClip Source #
The background-attachment.
data BackgroundAttachment Source #
Instances
| Val BackgroundAttachment Source # | |
Defined in Clay.Background Methods value :: BackgroundAttachment -> Value Source # | |
| Other BackgroundAttachment Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundAttachment Source # | |
| Inherit BackgroundAttachment Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundAttachment Source # | |
Defined in Clay.Background Methods background :: BackgroundAttachment -> Css Source # | |
| Mask BackgroundAttachment Source # | |
The background-image.
data BackgroundImage Source #
Instances
| Val BackgroundImage Source # | |
Defined in Clay.Background Methods value :: BackgroundImage -> Value Source # | |
| Other BackgroundImage Source # | |
Defined in Clay.Background Methods other :: Value -> BackgroundImage Source # | |
| None BackgroundImage Source # | |
Defined in Clay.Background Methods | |
| Inherit BackgroundImage Source # | |
Defined in Clay.Background Methods | |
| Background BackgroundImage Source # | |
Defined in Clay.Background Methods background :: BackgroundImage -> Css Source # | |
| Mask 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.
Specifying directions and location.
Instances
Minimal complete definition