RuleContext

interface RuleContext <Theme extends {} = {}> {

constructCSS: (body: CSSEntries | CSSObject, overrideSelector?: string) => string;

currentSelector: string;

generator: UnoGenerator<Theme>;

rawSelector: string;

rules?: Rule<Theme>[];

shortcuts?: Shortcut<Theme>[];

theme: Theme;

variantHandlers: VariantHandler[];

variantMatch: VariantMatchedResult<Theme>;

variants?: Variant<Theme>[];

}

§Type Parameters

Theme extends {} = {}

constructCSS: (body: CSSEntries | CSSObject, overrideSelector?: string) => string

Construct a custom CSS rule. Variants and selector escaping will be handled automatically.

currentSelector: string

Current selector for rule matching

generator: UnoGenerator<Theme>

UnoCSS generator instance

rawSelector: string

Unprocessed selector from user input. Useful for generating CSS rule.

rules?: Rule<Theme>[]

Available only when details option is enabled.

shortcuts?: Shortcut<Theme>[]

Available only when details option is enabled.

theme: Theme

The theme object

variantHandlers: VariantHandler[]

Matched variants handlers for this rule.

variantMatch: VariantMatchedResult<Theme>

The result of variant matching.

variants?: Variant<Theme>[]

Available only when details option is enabled.