Skip to content

Home

Jump to bottom
Ryan Domingue edited this page Sep 4, 2018 · 10 revisions

Getting Started With PostCSS Tidy Columns

Install

npm install postcss-tidy-columns

Grid Setup

Pass grid settings in JavaScript via the plugin options.

const tidyColumns = require('postcss-tidy-columns');

plugins: [
	tidyColumns({
		columns: 12,
		siteMax: '90rem',
		gap: '1.25rem',
		edge: '1.5rem',
    }),
],

Or pass settings in your CSS/Sass file (colons are optional)

@tidy columns 12,
@tidy siteMax 90rem,
@tidy gap 1.25rem,
@tidy edge 1.5rem,
Clone this wiki locally