Skip to content
TeaCSS documentation

Contents

Generated content, counters, and quotes. TeaCSS Standard reference.

This is the Standard reference for contents. It follows the authored TeaCSS vocabulary at source revision fa3709a for package version 0.7.1. Each value list gives finite examples and named values for its prefixes. A bracket or variable example demonstrates that open form for the same prefix; the listed arbitrary literals are samples, not every accepted literal. Check the Storybook token reference for more examples, and do not infer support from a different prefix.

content

Interactive example. Prefixes: content. Example: content:normal. It emits content:normal;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (9)

normal, none, open-quote, close-quote, no-open-quote, no-close-quote, empty, [attr(data-label)], $content

quotes

Interactive example. Prefixes: quotes. Example: quotes:none. It emits quotes:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (3)

none, auto, $q

string-set

Interactive example. Prefixes: string-set. Example: string-set:none. It emits string-set:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, [heading_content(text)], [chapter_'_'counter(chapter)], $strings

list-style-type

Interactive example. Prefixes: list-style-type. Example: list-style-type:none. It emits list-style-type:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (17)

none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha, [katakana], $listStyleType

list-style-position

Interactive example. Prefixes: list-style-position. Example: list-style-position:inside. It emits list-style-position:inside;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

inside, outside, [inside], $listStylePosition

list-style-image

Interactive example. Prefixes: list-style-image. Example: list-style-image:none. It emits list-style-image:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (3)

none, [url(checkmark.png)], $markerImage

marker-side

Interactive example. Prefixes: marker-side. Example: marker-side:match-self. It emits marker-side:match-self;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

match-self, match-parent, [match-parent], $markerSide

counter-increment

Interactive example. Prefixes: counter-increment. Example: counter-increment:none. It emits counter-increment:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, section, [section_2], $counterIncrement

counter-reset

Interactive example. Prefixes: counter-reset. Example: counter-reset:none. It emits counter-reset:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, section, [section_4], $counterReset

counter-set

Interactive example. Prefixes: counter-set. Example: counter-set:none. It emits counter-set:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, section, [section_9], $counterSet