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

ezpz-grid

Package Overview
Dependencies
Maintainers
3
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ezpz-grid - npm Package Compare versions

Comparing version 2.1.0 to 2.2.1

6

CHANGELOG.md

@@ -0,1 +1,7 @@

## 2.2.1 (2016-01-17)
- Changed: Included `baseline` property in grid and cell alignment error messages.
## 2.2.0 (2016-01-17)
- Added: `baseline` option to grid and cell alignment.
## 2.1.0 (2016-01-13)

@@ -2,0 +8,0 @@ - Added: Change the default alignment behaviour of cells in a grid section with the new `$ezpz-grid-default-align` setting. The default setting is `stretch`, the alternative options are: `start`, `center` and `end`.

1

CONTRIBUTORS.md

@@ -10,2 +10,3 @@ # Author

- [Edwin Kalkman](https://github.com/edw1n)
- [Pim van Die](https://github.com/pimskie)
- [Sjors Spoorendonk](https://github.com/sjorsjes)

48

docs/settings.md

@@ -10,3 +10,3 @@ # EZPZ Flexbox grid Documentation

### $ezpz-auto-generate: [bool]
### $ezpz-auto-generate: (bool);

@@ -21,3 +21,3 @@ Set to false if you want to prevent the grid to autogenerate grid classes. Usefull if you want to generate your own grid classes with help of [the grid mixins](mixins.md).

### $ezpz-namespace: '.string';
### $ezpz-namespace: (string);

@@ -32,3 +32,3 @@ The namespace for the grid sections of the ezpz grid. Changing this variable will automatically change all the grid classes to the new namespace.

### $ezpz-cell-namespace: '.string';
### $ezpz-cell-namespace: (string);

@@ -43,5 +43,5 @@ The namespace for the grid cell sections of the ezpz grid. Changing this variable will automatically change all the grid cell classes to the new namespace.

### $ezpz-grid-type: 'string';
### $ezpz-grid-type: (string);
The grid can be used as a column or fraction based system. This variable can be set to *'columns'* or *'fractions'*.
The grid can be used as a column or fraction based system. This variable can be set to **'columns'** or **'fractions'**.

@@ -54,6 +54,7 @@ Default: **'columns'**

### $ezpz-grid-default-wrap: 'string';
### $ezpz-grid-default-wrap: (string);
The default wrap type for the grid. This variable can be set to 'nowrap', 'wrap' or 'reverse'.
The default wrap type for the grid. This variable can be set to **'nowrap'**, **'wrap'** or **'reverse'**. Changing this variable will change the way cells wrap within a grid section on smaller screensizes, overwriting the default non wrapping behaviour.
Default: **'nowrap'**

@@ -65,17 +66,28 @@

### $ezpz-gutter: 'string';
### $ezpz-grid-default-align: (string);
The default alignment behaviour of the grid. This variable can be set to **'stretch'**, **'start'**, **'center'**, **'end'** or **'baseline'**. Changing this variable will change the way cells are aligned within a grid section, overwriting the default stretching behaviour.
Default: **'stretch'**
```sass
$ezpz-grid-default-align: 'stretch';
```
### $ezpz-gutter: (string);
The amount of horizontal space the gutter between 2 cells will occupy. Changing this variable will change the amount of space a gutter occupies.
Default: **1rem**.
Default: **'1rem'**
```sass
$ezpz-gutter: '1rem';
$ezpz-gutter: 1rem;
```
### $ezpz-columns: number;
### $ezpz-columns: (string);
When $ezpz-grid-type is set to 'grid' this variable controls the amount of cells that will horizontally occupy a grid section. Changing this variable will automatically generate the proper .cell--{#} classes.
Default: **12**
Default: **'12'**

@@ -114,3 +126,3 @@ ```sass

### $ezpz-grid-align: bool;
### $ezpz-grid-align: (bool);

@@ -125,3 +137,3 @@ Set to true to enable alignment functionality for grid sections.

### $ezpz-grid-wrap: bool;
### $ezpz-grid-wrap: (bool);

@@ -136,3 +148,3 @@ Set to true to enable wrapping functionality for grid sections.

### $ezpz-cell-order: bool;
### $ezpz-cell-order: (bool);

@@ -147,3 +159,3 @@ Set to true to enable order functionality for cells.

### $ezpz-cell-offset: bool;
### $ezpz-cell-offset: (bool);

@@ -158,3 +170,3 @@ Set to true to enable offset functionality for cells.

### $ezpz-cell-align: bool;
### $ezpz-cell-align: (bool);

@@ -169,3 +181,3 @@ Set to true to enable alignment functionality for cells.

### $ezpz-gutter-collapse: bool;
### $ezpz-gutter-collapse: (bool);

@@ -172,0 +184,0 @@ Set to true to enable collapsable gutters for grid sections and cells.

{
"name": "ezpz-grid",
"version": "2.1.0",
"version": "2.2.1",
"description": "A lightweight Sass (.scss) flexbox grid system that's easy to setup and offers a lot of customisation.",

@@ -25,2 +25,3 @@ "main": "lib/_ezpz-flexbox-grid.scss",

"Edwin Kalkman (https://github.com/edw1n)",
"Pim van Die (https://github.com/pimskie)",
"Sjors Spoorendonk (https://github.com/sjorsjes)"

@@ -27,0 +28,0 @@ ],

# EZPZ Flexbox Grid
![dependencies](https://david-dm.org/vicompany/ezpz-flexbox-grid.svg) [![npm](https://img.shields.io/npm/v/ezpz-grid.svg?style=flat-square)](https://www.npmjs.com/package/ezpz-grid)
A lightweight Sass (.scss) flexbox grid system that's easy to setup and offers a lot of customisation. By [VI Company](http://www.vicompany.nl)
A lightweight Sass (.scss) flexbox grid system that's easy to setup and offers a lot of customisation, by [VI Company](http://www.vicompany.nl).
Want to see how it works? Check out the [demo pages](http://vicompany.github.io/ezpz-flexbox-grid/) and [settings](docs/settings.md).
## Features

@@ -7,0 +9,0 @@ * Easy peasy to setup and use

Sorry, the diff of this file is not supported yet

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