0.2.2 • Published 10 years ago

atomic-loader v0.2.2

Weekly downloads
3
License
MIT
Repository
-
Last release
10 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

10 years ago

0.2.1

10 years ago

0.2.0

10 years ago

0.1.3

10 years ago

0.1.2

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago

0.0.13

10 years ago

0.0.12

10 years ago