❤
npm
Sign UpSign In

This package has been deprecated

Author message:

Please install webpack-atomizer-loader instead

atomic-loader

0.2.2 • Public • Published

npm version travis build state

atomic-loader

Webpack loader for compiling atomic css

Install

$ npm install atomic-loader --save-dev

Usage

In your webpack config:

  1. find the babel-loader or jsx-loader setting
  2. insert the atomic-loader before it
  3. example
loaders: [
        {
            test: /\.jsx?$/,
            exclude: /(node_modules)/,
            loader: 'atomic-loader?configPath=./atomicCssConfig.js!babel-loader',
        }
    ]
  1. atomCssConfig.js example which specified in configPath
module.exports = {
    cssDest: './main.css',
    options: {
        namespace: '#atomic',
    },
    configs: {
        breakPoints: {
            sm: '@media screen(min-width=750px)',
            md: '@media(min-width=1000px)',
            lg: '@media(min-width=1200px)'
        },
        custom: {
            '1': '1px solid #000',
        },
        classNames: []
    }
}

To assign the output destination, the extra parameter cssDest in atomic's config should be set, if bypass configPath, the default cssDest is ./build/css/atomic.css.

Please visit yahoo/atomizer for more information.

Readme

Keywords

Package Sidebar

Install

npm i atomic-loader

Weekly Downloads

3

Version

0.2.2

License

MIT

Last publish

Collaborators

  • tom76kimo
Try on RunKit
Report malware