Comparing version 2.1.0 to 2.2.1
@@ -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`. |
@@ -10,2 +10,3 @@ # Author | ||
- [Edwin Kalkman](https://github.com/edw1n) | ||
- [Pim van Die](https://github.com/pimskie) | ||
- [Sjors Spoorendonk](https://github.com/sjorsjes) |
@@ -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
38043
58