Safe Haskell	None
Language	Haskell2010

Stitch

Contents

Description

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

Synopsis

Core

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

Convert an abstract CSS document to a real CSS document.

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

Constructors

Selector
Fields unSelector :: [Text]

Instances

Eq Selector Source #
Instance details Defined in Stitch.Types.Selector Methods (==) :: Selector -> Selector -> Bool # (/=) :: Selector -> Selector -> Bool #
Ord Selector Source #
Instance details Defined in Stitch.Types.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 Source #
Instance details Defined in Stitch.Types.Selector Methods readsPrec :: Int -> ReadS Selector # readList :: ReadS [Selector] # readPrec :: ReadPrec Selector # readListPrec :: ReadPrec [Selector] #
Show Selector Source #
Instance details Defined in Stitch.Types.Selector Methods showsPrec :: Int -> Selector -> ShowS # show :: Selector -> String # showList :: [Selector] -> ShowS #
IsString Selector Source #
Instance details Defined in Stitch.Types.Selector Methods fromString :: String -> Selector #
Semigroup Selector Source #
Instance details Defined in Stitch.Types.Selector Methods (<>) :: Selector -> Selector -> Selector # sconcat :: NonEmpty Selector -> Selector # stimes :: Integral b => b -> Selector -> Selector #
Monoid Selector Source #
Instance details Defined in Stitch.Types.Selector Methods mempty :: Selector # mappend :: Selector -> Selector -> Selector # mconcat :: [Selector] -> Selector #

Combinators

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 Source #

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

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