Module

CSS.Box

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

#BoxType Source

newtype BoxType

Instances

#BoxShadow Source

newtype BoxShadow

Instances

#paddingBox Source

paddingBox :: BoxType

DEPRECATED

#borderBox Source

borderBox :: BoxType

#contentBox Source

contentBox :: BoxType

#boxSizing Source

boxSizing :: BoxType -> CSS

#boxShadow Source

boxShadow :: NonEmpty Array BoxShadow -> CSS

This function will usually take a singleton list, but requiring a (non-empty) list prevents accidentally applying the modifiers (bsInset, bsColor) incorrectly.

singleton (from "Data.NonEmpty") creates a singleton list.

boxShadow $ singleton $ shadow (px 1.0) (px 1.0)

For supplying multiple BoxShadow values:

boxShadow $
  red `bsColor` shadow (px 3.0) (px 3.0) :|
  [olive `bsColor` shadowWithBlur (em (-1.0)) (em 0.0) (em 0.4)]

#shadow Source

shadow :: forall a. Size a -> Size a -> BoxShadow

#shadowWithBlur Source

shadowWithBlur :: forall a. Size a -> Size a -> Size a -> BoxShadow

#shadowWithSpread Source

shadowWithSpread :: forall a. Size a -> Size a -> Size a -> Size a -> BoxShadow

#bsInset Source

bsInset :: BoxShadow -> BoxShadow

Adapt the provided box-shadow with the inset prefix.

#bsColor Source

bsColor :: Color -> BoxShadow -> BoxShadow

Supply a color to the provided box-shadow.