timhecker / hiq

A lightweight, progressive, high-IQ PostCSS framework.

HiQ

A simple CSS foundation with responsive typography and input styling, built with PostCSS and cssnext.

View the documentation.

Use the theme builder.

In the age of Flexbox, CSS grid, and other exciting layout features, there is less and less need for a bloated CSS framework. What we do need is a simple foundation on top of which to build our own styles. Enter HiQ.

Install

npm install hiq

Or download/clone the repo.

Usage

Recommended

If you have your own PostCSS setup, you can import the source css file directly:

@import 'node_modules/hiq/css/hiq.css';

Note that in this case, you will need to configure your postcss.config.js file to include the following plugins:

module.exports = {
    plugins: [
        require('postcss-import'),
        require('postcss-mixins'),
        require('postcss-cssnext')
    ]
}

Alternatives

You can use the full or minified versions as CSS imports:

@import 'node_modules/hiq/hiq.css';
@import 'node_modules/hiq/hiq.min.css';