global

There is no need to put it in a variable, preview it by importing it to the file you want to apply it.

Example use:

In addition to html elements, global allows you to directly define attributes and class names for pseudo elements and class. You can also wrap properties using css.pseudo.hover, css.media.max(), etc.

TypeScript

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

global

Example use:

On this page