global

Define global styles including elements, classes, pseudo-classes, and media queries.

The global method defines styles that apply globally to the entire document.
It supports HTML elements, class names, and pseudo-classes or media queries — all with full type support and compile-time extraction.

Semmantic API

Keep global styles to a minimum to reduce bundle size.

🌍 Example

TypeScript

import { css } from '@plumeria/core'
 
css.global({
  body: {
    margin: '0 auto',
    color: 'white',
    background: '#303030',
  },
  h2: {
    fontSize: '32px',
    fontWeight: '500',
    color: 'white',
  },
  '.highlighted': {
    fontSize: '24px',
    fontWeight: '450',
    color: 'aqua',
  },
});

global

🌍 Example

On this page