Slite shared style

Usage no npm install needed!

<script type="module">
  import sliteStyle from 'https://cdn.skypack.dev/@slite/style';


Slite style

This module exposes the postcss sources and build versions of the Slite clients shared style.


npm i -S @slite/style

Using build versions

If you don't want to mess with the postcss config and rely on pure CSS versions, you can simply import the files from the dist folder:

import 'style/dist/index.css' // will import everything
// or ... target specific subsets:
import 'style/dist/variables.css'

Using sources

It requires a bit more setup but it's possible to use the source version of the files. There are a few steps:

1 - install our postcss dependencies (if you don't use them already)

yarn add -D postcss-cssnext postcss-import

2 - make sure to use them by adding the following to your postcss.config.js:

module.exports = {
  plugins: [
    // add the two following plugins:
      path: ['node-modules', 'node_modules/@slite/style/src'],

3 - import in your js or post css files:

import '@slite/style' // to import everything
import '@slite/style/src/variables.css' // ... or subsets

in post css:

@import 'variables'; /* you'd better only import subsets from here */



You can either run the build or dev commands. build will do a production build (only once + minified) while dev will not minify and also stay in watch mode.


Please only use npm to publish, not yarn as it's too buggy.

npm version patch
npm publish
yarn upgrade-services