Render a stylesheet with the default configuration. The pretty printer is used by default.

Render a stylesheet with a custom configuration and an optional outer scope.

Render to CSS using the default configuration (pretty) and directly print to the standard output.

Configuration to print to a pretty human readable CSS output.

Configuration to print to a compacted unreadable CSS output.

Render a single CSS Selector.

The Css context is used to collect style rules which are mappings from selectors to style properties. The Css type is a computation in the StyleM monad that just collects and doesn't return anything.

Assign a stylesheet to a selector. When the selector is nested inside an outer scope it will be composed with deep.

Assign a stylesheet to a selector. When the selector is nested inside an outer scope it will be composed with |>.

Assign a stylesheet to a filter selector. When the selector is nested inside an outer scope it will be composed with the with selector.

Root is used to add style rules to the top scope.

Pop is used to add style rules to selectors defined in an outer scope. The counter specifies how far up the scope stack we want to add the rules.

The colon operator can be used to add style rules to the current context for which there is no embedded version available. Both the key and the value are plain text values and rendered as is to the output CSS.

Annotate the supplied Css with the supplied comment. Comments work with OverloadedStrings. This will annotate every non-nested value.

The star selector applies to all elements. Maps to * in CSS.

Select elements by name. The preferred syntax is to enable OverloadedStrings and actually just use "element-name" or use one of the predefined elements from Clay.Elements.

The deep selector composer. Maps to sel1 sel2 in CSS.

The child selector composer. Maps to sel1 > sel2 in CSS.

The filter selector composer, adds a filter to a selector. Maps to something like sel#filter or sel.filter in CSS, depending on the filter.

The adjacent selector composer. Maps to sel1 + sel2 in CSS.

Filter elements by id. The preferred syntax is to enable OverloadedStrings and use "#id-name".

Filter elements by class. The preferred syntax is to enable OverloadedStrings and use ".class-name".

Filter elements by pseudo selector or pseudo class. The preferred syntax is to enable OverloadedStrings and use ":pseudo-selector" or use one of the predefined ones from Clay.Pseudo.

Filter elements by pseudo selector functions. The preferred way is to use one of the predefined functions from Clay.Pseudo.

Filter elements based on the presence of a certain attribute. The preferred syntax is to enable OverloadedStrings and use "@attr" or use one of the predefined ones from Clay.Attributes.

Filter elements based on the presence of a certain attribute with the specified value.

Filter elements based on the presence of a certain attribute that begins with the selected value.

Filter elements based on the presence of a certain attribute that ends with the specified value.

Filter elements based on the presence of a certain attribute that contains the specified value as a substring.

Filter elements based on the presence of a certain attribute that have the specified value contained in a space separated list.

Filter elements based on the presence of a certain attribute that have the specified value contained in a hyphen separated list.

Apply a set of style rules when the media type and feature queries apply.

Apply a set of style rules when the media type and feature queries do not apply.

Apply a set of style rules only when the media type and feature queries apply.

Define a new font-face.

Indicate the supplied css should override css declarations that would otherwise take precedence.

Use sparingly.

Import a CSS file from a URL

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

Special cases, these items occur both as an HTML tag and an HTML attribute. We keep them polymorph.

CSS Flexible Box Layout http://dev.w3.org/csswg/css-flexbox-1

We implement the generic font property as a type class that accepts multiple value types. This allows us to combine different font aspects into a shorthand syntax. Fonts require a mandatory part and have a optional a part.

http://www.w3.org/TR/css3-fonts/#font-prop

An alias for color.

The fontFamily style rules takes to lists of font families: zero or more custom font-families and preferably one or more generic font families.