ezpz-grid
Version:
A lightweight Sass (.scss) flexbox grid system that's easy to setup and offers a lot of customisation.
80 lines (60 loc) • 3.87 kB
Markdown
## 4.0.1 (2021-05-21)
- Fixed: The `/` should not be used as a division operation anymore, all division should use `math.div()` instead.
## 4.0.0 (2017-04-12)
- Removed: The `column` grid type is no longer supported, `fractions` is the only remaining grid type. The last version to support columns is 3.0.1
## 3.0.1 (2017-03-24)
- Fixed: Cells within unstretched grid sections now behave properly in IE10.
## 3.0.0 (2017-03-06)
- Changed: Direct child elements of a grid cell no longer automatically stretch to occupy the full width and height of the cell.
- Added: `grid--content-stretch` class to ensure that direct child elements of all grid cells automatically occupy the full width and height of the cell.
- Added: `grid--content-unstretch` class to disable stretching behaviour of the direct child elements of grid cells within a grid section.
- Added: `cell--content-stretch` class to ensure that direct child elements of a specific grid cell automatically occupies the full width and height of the cell.
- Added: `grid--content-unstretch` class to disable stretching behaviour of the direct child elements of a specific cell within a grid section.
- Added: Responsive classes for the content-stretch behaviour.
- Added: Change the default stretching behaviour of direct child elements of grid cells with the new `$ezpz-grid-default-content-stretch` setting. The default setting is `unstretch`, the alternative option is `stretch`.
## 2.2.2 (2017-01-17)
- Fixed: Broken if else statement in the create-grid-cell() mixin.
## 2.2.1 (2017-01-17)
- Changed: Included `baseline` property in grid and cell alignment error messages.
## 2.2.0 (2017-01-17)
- Added: `baseline` option to grid and cell alignment.
## 2.1.0 (2017-01-13)
- 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`.
## 2.0.9 (2017-01-12)
- Fixed: Cells now correctly wrap to a new line in IE11 and below, instead of overflowing the grid element on the right side when there is insufficient space to house them all on a single row.
- Fixed: Cells without a specific width now maintain the same width as other cells within the same grid element, instead of changing in size depending on content length.
## 2.0.8 (2017-01-12)
- Fixed: Changed optional gutter-collapse value from `true` to `false`.
## 2.0.7 (2016-10-14)
- Fixed: Revert `width: 100%;` on grid cells.
## 2.0.6 (2016-10-14)
- Fixed: Bug with IE grid wrapping.
## 2.0.5 (2016-10-13)
- Fixed: Gutter collapse.
## 2.0.3 (2016-09-05)
- Fixed: Collapsed and Expanded classes are not generated by the grid.
## 2.0.2 (2016-08-04)
- Fixed: The normal (non breakpoint) classes for offset are not generated by the grid. (Issue #12)
## 2.0.1 (2016-07-25)
- Added: *$ezpz-grid-default-wrap*. Makes it possible to set the default wrap type for the grid.
## 2.0.0 (2016-07-25)
- Changed: Rewrote entire file to make use of the power of mixins
- Added: Possibility to use the grid with mixins only
- Added: Documentation can be found in the docs directory
- Added: *$ezpz-cell-namespace* so the cell namespace can be changed through the variables aswell
## 1.1.1 (2016-04-29)
- Changed: $ezpz-namespace from *'grid'* to *'.grid'*
- Changed: rename *$class-name* to *$modifier*
## 1.1.0 (2016-04-13)
- Added: No-wrap breakpoint functionality
- Added: Max-width to cell elements to prevent overflow issues
- Added: align-self: stretch;
- Added: Negative margins on .grid
- Added: NPM publishing
- Added: Added cell--{breakpoint}-1 option to the grid
- Changed: .gitignore
- Changed: Readme
- Removed: Debug log
- Removed: Justify-content: center; from .cell
## 1.0.0 (2016-01-14)
- Initial release