node package manager
Don’t reinvent the wheel. Reuse code within your team. Create a free org »

mwyatt-codex

Codex

A refreshing start for your css. ### Features

Installation

npm install --save-dev mwyatt-codex autoprefixer gulp gulp-postcss postcss-color-function postcss-conditionals postcss-custom-properties postcss-hexrgba postcss-import

Usage

Within your *.bundle.css file:

@import 'mwyatt-codex';

Importing any additional Codex resources:

@import 'mwyatt-codex/css/file-name';

Gulp Task

Your gulp build task should look something like this:

gulp.task('task-name', function() {
  return gulp.src('css/*.bundle.css')
    .pipe(postcss([
      postcssImport,
      postcssCustomProperties(),
      postcssConditionals,
      postcssHexrgba(),
      postcssColorFunction(),
      autoprefixer({browsers: ['last 1 version']})
    ]))
    .pipe(gulp.dest('asset'));
});