Stitch

Importing this module should bring enough functions into scope to use the Stitch DSL for most purposes.

Core

type CSS = Stitch ()

Abstract representation of a CSS document. This can be transformed to an actual CSS document with renderCSS.

renderCSS :: CSS -> Text

Convert an abstract CSS document to a real CSS document.

printCSS :: CSS -> IO ()

newtype Selector

Represents a CSS selector. Can be combined with other Selectors using its Monoid instance.

Constructors

Selector

Fields

• unSelector :: [Text]

Instances

Eq Selector

Methods

(==) :: Selector -> Selector -> Bool

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

Ord Selector

Methods

compare :: Selector -> Selector -> Ordering

(<) :: Selector -> Selector -> Bool

(<=) :: Selector -> Selector -> Bool

(>) :: Selector -> Selector -> Bool

(>=) :: Selector -> Selector -> Bool

max :: Selector -> Selector -> Selector

min :: Selector -> Selector -> Selector

Read Selector

Methods

readsPrec :: Int -> ReadS Selector

readList :: ReadS [Selector]

readPrec :: ReadPrec Selector

readListPrec :: ReadPrec [Selector]

Show Selector

Methods

showsPrec :: Int -> Selector -> ShowS

show :: Selector -> String

showList :: [Selector] -> ShowS

IsString Selector

Methods

fromString :: String -> Selector

Monoid Selector

Methods

mempty :: Selector

mappend :: Selector -> Selector -> Selector

mconcat :: [Selector] -> Selector

Combinators

(?) :: Monad m => Selector -> StitchT m a -> StitchT m a infixr 6

Nest a selector under the current selector. For example, this:

"h1" ? do
  "color" .= "red"
  "a" ?
    "text-decoration" .= "underline"

| results in the following being added to the CSS output:

h1 {
  color: red
}
h1 a {
  text-decoration: underline
}

(.=) :: Monad m => Text -> Text -> StitchT m () infix 8

Add a key-value property pair. For example, "color" .= "red" will add color: red to the CSS output.

comment :: Monad m => Text -> StitchT m ()

Add a comment to the CSS output. The compressed printer won't add comments to the final CSS output.