postcss-grid-system - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

package.json

		{
		"name": "postcss-grid-system",
		"version": "0.1.1",
		"description": "A PostCSS plugin to create grids based on a fixed block width.",
		"version": "0.1.2",
		"description": "A PostCSS plugin to create grids based on a fixed column width.",
		"keywords": [
		@@ -24,3 +24,3 @@ "postcss",
		},
		"homepage": "https://github.com/francoisromain/postcss-grid-system",
		"homepage": "http://francoisromain.github.io/postcss-grid-system/",
		"dependencies": {
		@@ -41,3 +41,4 @@ "postcss": "^5.0.19"
		"eslint-config-airbnb": "^7.0.0",
		"eslint-plugin-react": "^5.0.1"
		"eslint-plugin-jsx-a11y": "^0.6.2",
		"eslint-plugin-react": "^4.3.0"
		},
		@@ -44,0 +45,0 @@ "eslintConfig": {

README.md

		@@ -50,13 +50,13 @@ # postcss-grid-system [![Build Status][ci-img]][ci]
		@gs {
		unit: 20.5rem, /* width of a single column */
		gutter: 1.5rem, /* width of the gutter */
		padding: 1.5rem, /* padding of the main container */
		max: 8, /* maximum number of blocs (wide screens) */
		min: 2, /* minimum number of blocs (mobile) */
		align: center, /* center or left */
		display: flex /* float or flex */
		width: 20.5rem; /* width of a single column */
		gutter: 1.5rem; /* width of the gutter */
		padding: 1.5rem; /* padding of the main container */
		max: 8; /* maximum number of blocs (wide screens) */
		min: 2; /* minimum number of blocs (mobile) */
		align: center; /* center or left */
		display: flex; /* float or flex */
		}
		```

		A breakpoint is created for each value from _min_ to _max_. When the screen is narrower than _min_ * _unit_, elements are fluids.
		A breakpoint is created for each value from _min_ to _max_. When the screen is narrower than _min_ * _width_, elements are fluids.

		@@ -151,3 +151,3 @@ * * *
		- _ratio_: fraction of the _total_.
		- _total_: divider, relative to _unit_.
		- _total_: divider, relative to _width_.

		@@ -154,0 +154,0 @@ ``` css

lib/s-grid.js

New alerts