Graphics.Layout.Grid.CSS

Infrastructure for parsing & desugaring grid-layout related CSS properties.

Documentation

data CSSGrid

Parsed CSS Grid properties

Constructors

CSSGrid

Fields

• autoColumns :: Unitted

  Parsed CSS grid-auto-columns

• autoFlow :: Axis

  Parsed grid-auto-flow

• autoFlowDense :: Bool

  Whether grid-auto-flow: dense was specified.

• autoRows :: Unitted

  Parsed CSS grid-auto-rows

• templateAreas :: Areas

  Parsed CSS grid-template-areas

• templateColumns :: [([Text], Unitted)]

  Parsed CSS grid-template-columns

• templateRows :: [([Text], Unitted)]

  Parsed CSS grid-template-rows

• cssGap :: Size Unitted Unitted

  Parsed CSS row-gap & column-gap

• alignItems :: Size Alignment Alignment

  Parsed CSS justify-items & align-items

Instances

PropertyParser CSSGrid

Defined in Graphics.Layout.Grid.CSS

Methods

temp :: CSSGrid

inherit :: CSSGrid -> CSSGrid

priority :: CSSGrid -> [Text]

shorthand :: CSSGrid -> Text -> [Token] -> [(Text, [Token])]

longhand :: CSSGrid -> CSSGrid -> Text -> [Token] -> Maybe CSSGrid

getVars :: CSSGrid -> Props

setVars :: Props -> CSSGrid -> CSSGrid

pseudoEl :: CSSGrid -> Text -> (CSSGrid -> Maybe CSSGrid -> CSSGrid) -> CSSGrid

data Axis

A grid axis.

Constructors

Row

Col

Instances

Eq Axis

Defined in Graphics.Layout.Grid.CSS

Methods

(==) :: Axis -> Axis -> Bool

(/=) :: Axis -> Axis -> Bool

data CSSCell

Parsed CSS grid item properties.

Constructors

CSSCell

Fields

• columnStart :: Placement

  Parsed CSS grid-column-start

• columnEnd :: Placement

  Parsed CSS grid-column-end

• rowStart :: Placement

  Parsed CSS grid-row-start

• rowEnd :: Placement

  Parsed CSS grid-row-end

• alignSelf :: Size (Maybe Alignment) (Maybe Alignment)

  Parsed CSS align-self & justify-self

Instances

PropertyParser CSSCell

Defined in Graphics.Layout.Grid.CSS

Methods

temp :: CSSCell

inherit :: CSSCell -> CSSCell

priority :: CSSCell -> [Text]

shorthand :: CSSCell -> Text -> [Token] -> [(Text, [Token])]

longhand :: CSSCell -> CSSCell -> Text -> [Token] -> Maybe CSSCell

getVars :: CSSCell -> Props

setVars :: Props -> CSSCell -> CSSCell

pseudoEl :: CSSCell -> Text -> (CSSCell -> Maybe CSSCell -> CSSCell) -> CSSCell

data Placement

Identifies a cell in the CSS grid.

Constructors

Autoplace

Named Text

Numbered Int (Maybe Text)

Span Int (Maybe Text)

finalizeGrid :: PropertyParser x => CSSGrid -> Font' -> [CSSCell] -> [LayoutItem Length Length x] -> LayoutItem Length Length x

Desugar grid properties to a grid layout.

type Areas = HashMap Text ((Int, Int), (Int, Maybe Int))

Mapping from area identifiers to bounding boxes.

parseASCIIGrid :: [[Text]] -> Int -> Areas -> Maybe Areas

Converts a grid to lookup table start & indices for row & columns. Exported for the sake of testing