Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

postcss-grid-system

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

postcss-grid-system - npm Package Compare versions

Comparing version 0.4.2 to 0.4.3

23

package.json
{
"name": "postcss-grid-system",
"version": "0.4.2",
"version": "0.4.3",
"description": "A PostCSS plugin to create grids based on a fixed column width.",

@@ -27,3 +27,3 @@ "keywords": [

"dependencies": {
"postcss": "^5.1.0"
"postcss": "^5.2.12"
},

@@ -36,14 +36,13 @@ "scripts": {

"devDependencies": {
"ava": "^0.15.2",
"babel-cli": "^6.11.4",
"babel-preset-es2015": "^6.9.0",
"babel-register": "^6.9.0",
"eslint": "^3.1.1",
"eslint-config-airbnb": "^9.0.1",
"eslint-plugin-import": "^1.11.1",
"eslint-plugin-jsx-a11y": "^2.0.1",
"eslint-plugin-react": "^5.2.2"
"ava": "^0.18.1",
"babel-cli": "^6.22.2",
"babel-preset-es2015": "^6.22.0",
"babel-register": "^6.22.0",
"eslint": "^3.15.0",
"eslint-config-standard": "^6.2.1",
"eslint-plugin-promise": "^3.4.1",
"eslint-plugin-standard": "^2.0.1"
},
"eslintConfig": {
"extends": "airbnb"
"extends": "standard"
},

@@ -50,0 +49,0 @@ "ava": {

@@ -38,4 +38,18 @@ # postcss-grid-system

Global settings (and default values):
#### Option 1: In javascript
``` javascript
{
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 */
}
```
#### Option 2: in css
``` css

@@ -54,2 +68,4 @@

If no configuration, see the default values above.
A **breakpoint** is created for each value from _min_ to _max_. When the screen is narrower than _min_ * _width_, elements are fluids.

@@ -56,0 +72,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc