Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including sheetify-postcss with all npm packages installed. Try it out:

var sheetifyPostcss = require("sheetify-postcss")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

sheetify-postcss v2.0.0

postcss transform for sheetify, use all the plugins!

sheetify-postcss

postcss transform for sheetify, use all the plugins!

npm install --save sheetify-postcss

usage

programmatic

const sheetify = require('sheetify')
const path = require('path')

const opts = {
  transform: [
    [
      'sheetify-postcss', {
        plugins: [
          require('postcss-color-function')
        ]
      }
    ]
  ],
  basedir: __dirname
}

browserify('./entry')
  .transform(sheetify, opts)
  .bundle()
  .pipe(process.stdout)

with package.json

add to your package.json browserify.transform field:

{
  "browserify": {
    "transform": [
      [
        "sheetify",
        {
          "transform": [
            [
              "sheetify-postcss",
              {
                "plugins": [
                  "postcss-color-function"
                ]
              }
            ]
          ]
        }
      ]
    ]
  }
}

using .postcssrc

Options and plugins can be defined using a config file. Uses postcss-load-config which supports postcss field in package.json, an external JSON or YAML (.postcssrc) file as well as JS (.postcssrc.js and postcss.config.js) file format.

// .postcssrc.js
module.exports = function (ctx) {
  var plugins = [require('postcss-color-function')]

  if (ctx.env !== 'development') {
    plugins.push(require('autoprefixer'))
  }

  return {
    map: ctx.env === 'development' ? 'inline' : false
    plugins: plugins
  }
}

license

The Apache License

Copyright © 2016 Michael Williams

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free