A custom build of Stylis


0.8.52 years ago3 years agoMinified + gzip package size for @emotion/stylis in KB



A custom build of Stylis

@emotion/stylis is a version of Stylis that has been modified slightly to make it smaller. The only Stylis option that can be changed is prefix, the rest of the options are already set to the values shown below and cannot be changed. This package also only exports the constructer, so you have to do new Stylis() and use the result from that rather than directly calling Stylis. The result of that function also cannot be used to create a stylis instance unlike stylis.

type Options = {
  global: false,
  preserve: false,
  keyframe: false,
  semicolon: true,
  cascade: true,
  compress: false,
  prefix: boolean | ((key: string, value: string, context: number) => boolean)
import Stylis from '@emotion/stylis'

const stylis = new Stylis()

stylis('.css-hash', 'display:flex;') // .css-hash{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

Building this package

To build this package from a newer version of stylis, update the version of stylis that is installed as a devDependency and run node build.js in the directory of this package. This will read the source of stylis, transform it slightly, use the Google Closure Compiler REST API to minify it, format it with Prettier and then write it to src/stylis.min.js.


Stylis was written by Sultan Tarimo. ❤️

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.