Codex

A refreshing start for your css.

Features

• normalize.css
• postcss
• Native var(--variable-name) syntax

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'));
});