Module

CSS.Background

Package: purescript-css
Repository: purescript-contrib/purescript-css

#Background Source

class (Val a) <= Background a  where

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.

Members

background :: a -> CSS

Instances

(Background a) => Background (Array a)
(Background a, Background b) => Background (Tuple a b)
Background Color
Background BackgroundPosition
Background BackgroundSize
Background BackgroundRepeat
Background BackgroundOrigin
Background BackgroundClip
Background BackgroundAttachment
Background BackgroundImage

#backgroundColor Source

backgroundColor :: Color -> CSS

#BackgroundPosition Source

newtype BackgroundPosition

Instances

#backgroundPosition Source

backgroundPosition :: BackgroundPosition -> CSS

#backgroundPositions Source

backgroundPositions :: Array BackgroundPosition -> CSS

#placed Source

placed :: Side -> Side -> BackgroundPosition

#positioned Source

positioned :: forall a. Size a -> Size a -> BackgroundPosition

#BackgroundSize Source

newtype BackgroundSize

Instances

#backgroundSize Source

backgroundSize :: BackgroundSize -> CSS

#backgroundSizes Source

backgroundSizes :: Array BackgroundSize -> CSS

#contain Source

contain :: BackgroundSize

#cover Source

cover :: BackgroundSize

#by Source

by :: forall a b. Size a -> Size b -> BackgroundSize

#BackgroundRepeat Source

newtype BackgroundRepeat

Instances

#backgroundRepeat Source

backgroundRepeat :: BackgroundRepeat -> CSS

#backgroundRepeats Source

backgroundRepeats :: Array BackgroundRepeat -> CSS

#repeat Source

repeat :: BackgroundRepeat

#space Source

space :: BackgroundRepeat

#round Source

round :: BackgroundRepeat

#noRepeat Source

noRepeat :: BackgroundRepeat

#xyRepeat Source

xyRepeat :: BackgroundRepeat -> BackgroundRepeat -> BackgroundRepeat

#repeatX Source

repeatX :: BackgroundRepeat

#repeatY Source

repeatY :: BackgroundRepeat

#BackgroundOrigin Source

newtype BackgroundOrigin

Instances

#backgroundOrigin Source

backgroundOrigin :: BackgroundOrigin -> CSS

#backgroundOrigins Source

backgroundOrigins :: Array BackgroundOrigin -> CSS

#origin Source

origin :: BoxType -> BackgroundOrigin

#BackgroundClip Source

newtype BackgroundClip

Instances

#backgroundClip Source

backgroundClip :: BackgroundClip -> CSS

#backgroundClips Source

backgroundClips :: Array BackgroundClip -> CSS

#boxClip Source

boxClip :: BoxType -> BackgroundClip

#BackgroundAttachment Source

newtype BackgroundAttachment

Instances

#backgroundAttachment Source

backgroundAttachment :: BackgroundAttachment -> CSS

#backgroundAttachments Source

backgroundAttachments :: Array BackgroundAttachment -> CSS

#attachFixed Source

attachFixed :: BackgroundAttachment

#attachScroll Source

attachScroll :: BackgroundAttachment

#BackgroundImage Source

newtype BackgroundImage

Instances

#backgroundImage Source

backgroundImage :: BackgroundImage -> CSS

#backgroundImages Source

backgroundImages :: Array BackgroundImage -> CSS

#url Source

url :: String -> BackgroundImage

#Side Source

newtype Side

Instances

#sideTop Source

sideTop :: Side

We have to prefix these values to avoid conflict with existing property

#sideLeft Source

sideLeft :: Side

#sideRight Source

sideRight :: Side

#sideBottom Source

sideBottom :: Side

#sideCenter Source

sideCenter :: Side

#sideMiddle Source

sideMiddle :: Side

#Direction Source

newtype Direction

Instances

#straight Source

straight :: Side -> Direction

#angular Source

angular :: forall a. Angle a -> Direction

#Location Source

newtype Location

Instances

#Loc Source

class (Val a) <= Loc a  where

Members

location :: a -> Location

Instances

Loc Side
Loc (Size a)
(Loc a, Loc b) => Loc (Tuple a b)