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