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.

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
}

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.