Titan Postcss Config

A reuasble postcss config which gets you quickly setup on projects

Installation

1. yarn add @titan-tooling/postcss-config --dev
2. require the config to the postcss.config.js file in the root of the project:

  const titanPostCSS = require('@titan-tooling/postcss-config');

  module.export = titanPostCSS();

Installing with postcss loader

{
  loader: 'postcss-loader',
  options: {
    ident: 'postcss',
    plugins: titanPostCSS(),
  },
},

Features

• autoprefixer - prefixes any css properties for each browser
• cssnano - minifies the css for production
• postcss-custom-properties - provides fallback support for css variables
• postcss-custom-media - allows you to crete reusable media queries
• postcss-import - Allows you to import css into the main css file and then bundles them al together at compile time
• stylelint - lints all the css. Extends stylint recommended config