VariantHandler

interface VariantHandler {

body?: (body: CSSEntries) => CSSEntries | undefined;

layer?: string | undefined;

matcher: string;

order?: number;

parent?: string | [string, number] | undefined;

selector?: (input: string, body: CSSEntries) => string | undefined;

sort?: number;

}

§Properties

body?: (body: CSSEntries) => CSSEntries | undefined

Rewrite the output css body. The input come in [key,value][] pairs.

layer?: string | undefined

Override layer to the output css.

matcher: string

The result rewritten selector for the next round of matching

order?: number

Order in which the variant is applied to selector.

parent?: string | [string, number] | undefined

Provide a parent selector(e.g. media query) to the output css.

selector?: (input: string, body: CSSEntries) => string | undefined

Rewrite the output selector. Often be used to append pesudo classes or parents.

sort?: number

Order in which the variant is sorted within single rule.