SimpleCss

Types

data Css a

representing Css data type

Css's parameter is html type

type CssCode = String

type Href = String

type Tag = String

type Pseudo = [(PseudoVal, [Decl])]

type Context = [Tag]

Constructors

prim :: a -> Css a

html element constructor

hcat :: [Css a] -> Css a

span groupping

vcat :: [Css a] -> Css a

div groupping

acat :: Href -> [Css a] -> Css a

a groupping

div' :: Css a -> Css a

vcat for singleton

span' :: Css a -> Css a

hcat for singleton

a' :: Href -> Css a -> Css a

acat for singleton

dot :: [Decl] -> Css a -> Css a

set class

pseudo :: Pseudo -> Css a -> Css a

set class with pseudo- element/class

context :: Context -> [Decl] -> Css a -> Css a

styles descendants

Render

data HtmlSpec a

Html specification

to render css you should specify html's elements groupping with a, div and span tags and way to assign values of class attribute

Constructors

HtmlSpec

Fields

divTag :: [a] -> a

spanTag :: [a] -> a

aTag :: Href -> [a] -> a

classAttr :: String -> a -> a

renderCss :: HtmlSpec a -> [Css a] -> ([RuleSet], [a])

render css

returns string of css code and list of htmls

toBlaze :: [Css Html] -> ([RuleSet], [Html])

render css for blaze-html