at #

Const object

{
    charset: (parameters: string) => MvuiCSSAtRule<"none">;
    container: (parameters: string, body: MvuiCSSSheet) => MvuiCSSAtRule<"sheet">;
    counterStyle: (parameters: string, body: MvuiCSSDeclarations) => MvuiCSSAtRule<"declarations">;
    fontFace: (parameters: string, body: MvuiCSSDeclarations) => MvuiCSSAtRule<"declarations">;
    fontPaletteValues: (parameters: string, body: MvuiCSSDeclarations) => MvuiCSSAtRule<"declarations">;
    import: (parameters: string) => MvuiCSSAtRule<"none">;
    keyFrames: (parameters: string, body: MvuiCSSSheet) => MvuiCSSAtRule<"sheet">;
    layer: (parameters: string, body: MvuiCSSSheet) => MvuiCSSAtRule<"sheet">;
    media: (parameters: string, body: MvuiCSSSheet) => MvuiCSSAtRule<"sheet">;
    namespace: (parameters: string) => MvuiCSSAtRule<"none">;
    page: (parameters: string, body: MvuiCSSDeclarations) => MvuiCSSAtRule<"declarations">;
    supports: (parameters: string, body: MvuiCSSSheet) => MvuiCSSAtRule<"sheet">;
}

Create a CSS @rule (such as a media query).

Example #

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

Type declaration #

Member	Type
`charset`	(`parameters`: `string`) => `MvuiCSSAtRule` <`"none"`>
`container`	(`parameters`: `string`, `body`: `MvuiCSSSheet` ) => `MvuiCSSAtRule` <`"sheet"`>
`counterStyle`	(`parameters`: `string`, `body`: `MvuiCSSDeclarations` ) => `MvuiCSSAtRule` <`"declarations"`>
`fontFace`	(`parameters`: `string`, `body`: `MvuiCSSDeclarations` ) => `MvuiCSSAtRule` <`"declarations"`>
`fontPaletteValues`	(`parameters`: `string`, `body`: `MvuiCSSDeclarations` ) => `MvuiCSSAtRule` <`"declarations"`>
`import`	(`parameters`: `string`) => `MvuiCSSAtRule` <`"none"`>
`keyFrames`	(`parameters`: `string`, `body`: `MvuiCSSSheet` ) => `MvuiCSSAtRule` <`"sheet"`>
`layer`	(`parameters`: `string`, `body`: `MvuiCSSSheet` ) => `MvuiCSSAtRule` <`"sheet"`>
`media`	(`parameters`: `string`, `body`: `MvuiCSSSheet` ) => `MvuiCSSAtRule` <`"sheet"`>
`namespace`	(`parameters`: `string`) => `MvuiCSSAtRule` <`"none"`>
`page`	(`parameters`: `string`, `body`: `MvuiCSSDeclarations` ) => `MvuiCSSAtRule` <`"declarations"`>
`supports`	(`parameters`: `string`, `body`: `MvuiCSSSheet` ) => `MvuiCSSAtRule` <`"sheet"`>

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