css.global

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

Write global and compile

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'
  }
});

css.global

Write global and compile

On this page