forgeplus-react/node_modules/jss-global
zhiyuanliu cb17bad1d4 activity visualize step one 2023-07-29 06:19:10 -07:00
..
dist activity visualize step one 2023-07-29 06:19:10 -07:00
lib activity visualize step one 2023-07-29 06:19:10 -07:00
.babelrc activity visualize step one 2023-07-29 06:19:10 -07:00
.eslintrc activity visualize step one 2023-07-29 06:19:10 -07:00
LICENSE activity visualize step one 2023-07-29 06:19:10 -07:00
changelog.md activity visualize step one 2023-07-29 06:19:10 -07:00
karma.conf.js activity visualize step one 2023-07-29 06:19:10 -07:00
package.json activity visualize step one 2023-07-29 06:19:10 -07:00
readme.md activity visualize step one 2023-07-29 06:19:10 -07:00
tests.html activity visualize step one 2023-07-29 06:19:10 -07:00
tests.webpack.js activity visualize step one 2023-07-29 06:19:10 -07:00
webpack.config.js activity visualize step one 2023-07-29 06:19:10 -07:00

readme.md

Global Styles for JSS

If you want to write regular globally scoped CSS with JSS, this plugin is for you. Don't use it if you can avoid it.

Gitter

Top level global declarations block

const styles = {
  '@global': {
    body: {
      color: 'green'
    },
    a: {
      textDecoration: 'underline'
    }
  }
}

Top level global prefix

const styles = {
  '@global body': {
    color: 'green'
  }
}

Nested global declarations block

const styles = {
  button: {
    float: 'left',
    '@global': {
      span: {color: 'red'}
    }
  }
}

Nested global prefix

const styles = {
  button: {
    float: 'left',
    '@global span': {color: 'red'}
  }
}

Issues

File a bug against cssinjs/jss prefixed with [jss-global].

Run tests

npm i
npm run test

License

MIT