- Fixed: The
/
should not be used as a division operation anymore, all division should usemath.div()
instead.
- 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
- Fixed: Cells within unstretched grid sections now behave properly in IE10.
- 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 isunstretch
, the alternative option isstretch
.
- Fixed: Broken if else statement in the create-grid-cell() mixin.
- Changed: Included
baseline
property in grid and cell alignment error messages.
- Added:
baseline
option to grid and cell alignment.
- Added: Change the default alignment behaviour of cells in a grid section with the new
$ezpz-grid-default-align
setting. The default setting isstretch
, the alternative options are:start
,center
andend
.
- 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.
- Fixed: Changed optional gutter-collapse value from
true
tofalse
.
- Fixed: Revert
width: 100%;
on grid cells.
- Fixed: Bug with IE grid wrapping.
- Fixed: Gutter collapse.
- Fixed: Collapsed and Expanded classes are not generated by the grid.
- Fixed: The normal (non breakpoint) classes for offset are not generated by the grid. (Issue #12)
- Added: $ezpz-grid-default-wrap. Makes it possible to set the default wrap type for the grid.
- 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
- Changed: $ezpz-namespace from 'grid' to '.grid'
- Changed: rename $class-name to $modifier
- 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
- Initial release