postcss-modules-sync

0.1.0 • Public • Published

postcss-modules-sync

A PostCSS plugin to use CSS Modules synchronously in js.

version MIT License

Install

npm install postcss-modules-sync

Example

import CSSModulesSync from 'postcss-modules-sync'
import postcss from 'postcss'

const css = `
  :global .text {
    color: white;
    background-color: gray;
  }

  .green {
    background-color: green;
  }

  .blue {
    background-color: blue;
  }

  .default {
    composes: green;
    display: flex;
  }
`

let exportedTokens = {}
const styles = postcss([
  CSSModulesSync({
    getTokens: tokens => exportedTokens = tokens
  })
]).process(css).css

console.log('styles', styles)
console.log('tokens', exportedTokens)

/postcss-modules-sync/

    Package Sidebar

    Install

    npm i postcss-modules-sync@0.1.0

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • schiehll