0.2.2 • Published 8 years ago

atomic-loader v0.2.2

Weekly downloads
3
License
MIT
Repository
-
Last release
8 years ago

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',
            }
        ]
  4. 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.

0.2.2

8 years ago

0.2.1

8 years ago

0.2.0

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

9 years ago

0.0.13

9 years ago

0.0.12

9 years ago