Clay.Border

clay-0.15.0: CSS preprocessor as embedded Haskell.

Safe Haskell | None
Language | Haskell2010

Clay.Border

Contents

- Stroke type, used for border-style and outline-style.
- Border properties.
- Outline properties.
- Border radius.
- Collapsing borders model for a table

Synopsis

- data Stroke
- solid :: Stroke
- dotted :: Stroke
- dashed :: Stroke
- double :: Stroke
- wavy :: Stroke
- groove :: Stroke
- ridge :: Stroke
- inset :: Stroke
- outset :: Stroke
- border :: Size LengthUnit -> Stroke -> Color -> Css
- borderTop :: Size LengthUnit -> Stroke -> Color -> Css
- borderLeft :: Size LengthUnit -> Stroke -> Color -> Css
- borderBottom :: Size LengthUnit -> Stroke -> Color -> Css
- borderRight :: Size LengthUnit -> Stroke -> Color -> Css
- borderColor4 :: Color -> Color -> Color -> Color -> Css
- borderColor :: Color -> Css
- borderLeftColor :: Color -> Css
- borderRightColor :: Color -> Css
- borderTopColor :: Color -> Css
- borderBottomColor :: Color -> Css
- borderStyle4 :: Stroke -> Stroke -> Stroke -> Stroke -> Css
- borderStyle :: Stroke -> Css
- borderLeftStyle :: Stroke -> Css
- borderRightStyle :: Stroke -> Css
- borderTopStyle :: Stroke -> Css
- borderBottomStyle :: Stroke -> Css
- borderWidth4 :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Css
- borderWidth :: Size LengthUnit -> Css
- borderLeftWidth :: Size LengthUnit -> Css
- borderRightWidth :: Size LengthUnit -> Css
- borderTopWidth :: Size LengthUnit -> Css
- borderBottomWidth :: Size LengthUnit -> Css
- outline :: Stroke -> Size LengthUnit -> Color -> Css
- outlineTop :: Stroke -> Size LengthUnit -> Color -> Css
- outlineLeft :: Stroke -> Size LengthUnit -> Color -> Css
- outlineBottom :: Stroke -> Size LengthUnit -> Color -> Css
- outlineRight :: Stroke -> Size LengthUnit -> Color -> Css
- outlineColor4 :: Color -> Color -> Color -> Color -> Css
- outlineColor :: Color -> Css
- outlineLeftColor :: Color -> Css
- outlineRightColor :: Color -> Css
- outlineTopColor :: Color -> Css
- outlineBottomColor :: Color -> Css
- outlineStyle4 :: Stroke -> Stroke -> Stroke -> Stroke -> Css
- outlineStyle :: Stroke -> Css
- outlineLeftStyle :: Stroke -> Css
- outlineRightStyle :: Stroke -> Css
- outlineTopStyle :: Stroke -> Css
- outlineBottomStyle :: Stroke -> Css
- outlineWidth4 :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Css
- outlineWidth :: Size LengthUnit -> Css
- outlineLeftWidth :: Size LengthUnit -> Css
- outlineRightWidth :: Size LengthUnit -> Css
- outlineTopWidth :: Size LengthUnit -> Css
- outlineBottomWidth :: Size LengthUnit -> Css
- outlineOffset :: Size LengthUnit -> Css
- borderRadius :: Size a -> Size a -> Size a -> Size a -> Css
- borderTopLeftRadius :: Size a -> Size a -> Css
- borderTopRightRadius :: Size a -> Size a -> Css
- borderBottomLeftRadius :: Size a -> Size a -> Css
- borderBottomRightRadius :: Size a -> Size a -> Css
- borderCollapse :: Visibility -> Css
- borderSpacing :: Size a -> Css
- borderSpacing2 :: Size a -> Size a -> Css

# Stroke type, used for border-style and outline-style.

data Stroke #

#### Instances

Instances details

Auto Stroke # |
Instance details Defined in Clay.Border Methods auto :: Stroke #
Inherit Stroke # |
Instance details Defined in Clay.Border Methods inherit :: Stroke #
None Stroke # |
Instance details Defined in Clay.Border Methods none :: Stroke #
Other Stroke # |
Instance details Defined in Clay.Border Methods other :: Value -> Stroke #
Val Stroke # |
Instance details Defined in Clay.Border Methods value :: Stroke -> Value #

solid :: Stroke #

dotted :: Stroke #

dashed :: Stroke #

double :: Stroke #

wavy :: Stroke #

groove :: Stroke #

ridge :: Stroke #

inset :: Stroke #

outset :: Stroke #

# Border properties.

border :: Size LengthUnit -> Stroke -> Color -> Css #

borderTop :: Size LengthUnit -> Stroke -> Color -> Css #

borderLeft :: Size LengthUnit -> Stroke -> Color -> Css #

borderBottom :: Size LengthUnit -> Stroke -> Color -> Css #

borderRight :: Size LengthUnit -> Stroke -> Color -> Css #

borderColor4 :: Color -> Color -> Color -> Color -> Css #

borderColor :: Color -> Css #

borderLeftColor :: Color -> Css #

borderRightColor :: Color -> Css #

borderTopColor :: Color -> Css #

borderBottomColor :: Color -> Css #

borderStyle4 :: Stroke -> Stroke -> Stroke -> Stroke -> Css #

borderStyle :: Stroke -> Css #

borderLeftStyle :: Stroke -> Css #

borderRightStyle :: Stroke -> Css #

borderTopStyle :: Stroke -> Css #

borderBottomStyle :: Stroke -> Css #

borderWidth4 :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Css #

borderWidth :: Size LengthUnit -> Css #

borderLeftWidth :: Size LengthUnit -> Css #

borderRightWidth :: Size LengthUnit -> Css #

borderTopWidth :: Size LengthUnit -> Css #

borderBottomWidth :: Size LengthUnit -> Css #

# Outline properties.

outline :: Stroke -> Size LengthUnit -> Color -> Css #

outlineTop :: Stroke -> Size LengthUnit -> Color -> Css #

outlineLeft :: Stroke -> Size LengthUnit -> Color -> Css #

outlineBottom :: Stroke -> Size LengthUnit -> Color -> Css #

outlineRight :: Stroke -> Size LengthUnit -> Color -> Css #

outlineColor4 :: Color -> Color -> Color -> Color -> Css #

outlineColor :: Color -> Css #

outlineLeftColor :: Color -> Css #

outlineRightColor :: Color -> Css #

outlineTopColor :: Color -> Css #

outlineBottomColor :: Color -> Css #

outlineStyle4 :: Stroke -> Stroke -> Stroke -> Stroke -> Css #

outlineStyle :: Stroke -> Css #

outlineLeftStyle :: Stroke -> Css #

outlineRightStyle :: Stroke -> Css #

outlineTopStyle :: Stroke -> Css #

outlineBottomStyle :: Stroke -> Css #

outlineWidth4 :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Size LengthUnit -> Css #

outlineWidth :: Size LengthUnit -> Css #

outlineLeftWidth :: Size LengthUnit -> Css #

outlineRightWidth :: Size LengthUnit -> Css #

outlineTopWidth :: Size LengthUnit -> Css #

outlineBottomWidth :: Size LengthUnit -> Css #

outlineOffset :: Size LengthUnit -> Css #

# Border radius.

borderRadius :: Size a -> Size a -> Size a -> Size a -> Css #

borderTopLeftRadius :: Size a -> Size a -> Css #

borderTopRightRadius :: Size a -> Size a -> Css #

borderBottomLeftRadius :: Size a -> Size a -> Css #

borderBottomRightRadius :: Size a -> Size a -> Css #

# Collapsing borders model for a table

borderCollapse :: Visibility -> Css #

borderSpacing :: Size a -> Css #

borderSpacing2 :: Size a -> Size a -> Css #