MvuiCSSAtRule<BodyT> #

<BodyT> object

{
    body: {
        content: MvuiCSSAtRuleBodyTMap[BodyT];
        type: BodyT;
    };
    identifier: string;
    marker: "__MVUI_AT_RULE__";
    parameters: string;
}

Represents a CSS @rule. You should not create objects of this type yourself. Instead use the helper functions provided in the at object.

Example #

static styles = [
  ...style.sheet({
    'button': { background: 'green' },
  }),
  style.at.media('screen and (min-width: 900px)', style.sheet({
    'button': {
      borderRadius: '10px',
    }
  })),
]

Type parameters #

BodyT extends "sheet" | "declarations" | "none"

Type declaration #

Member	Type
`body`	`object`
`body.content`	`MvuiCSSAtRuleBodyTMap` [`BodyT`]
`body.type`	`BodyT`
`identifier`	`string`
`marker`	`"__MVUI_AT_RULE__"`
`parameters`	`string`

Defined in: packages/core/src/style/sheet.ts:64