This repository has been archived by the owner on Jul 18, 2024. It is now read-only.
Releases: IBM/css-gridish
Releases · IBM/css-gridish
v2.0.0
Improvements
- Easier transition from legacy to modern browsers by applying
col
andheight
classes on both Flexbox and CSS Grid implementations - Utility functions to help you get breakpoint queries, fluid column units, and fixed row units for your own use
- Detached bleed and break classes from being grid modifiers for more flexibility
Patch Fixes
- #23: Container margins set at 0 did not compile into the code.
Major Breaking Changes
- Changed class naming for
bleed
,break
, andheight
- If legacy and CSS Grid widths differed in use, make sure CSS Grid selectors override the legacy classes
- All function and mixin names now use kebab-case
v2.0.0-beta.1
Improvements
- Easier transition from legacy to modern browsers by applying
col
andheight
classes on both Flexbox and CSS Grid implementations - Utility functions to help you get breakpoint queries, fluid column units, and fixed row units for your own use
- Detached bleed and break classes from being grid modifiers for more flexibility
Patch Fixes
- #23: Container margins set at 0 did not compile into the code.
Major Breaking Changes
- Changed class naming for
bleed
,break
, andheight
- If legacy and CSS Grid widths differed in use, make sure CSS Grid selectors override the legacy classes
- All function and mixin names now use kebab-case
v1.0.7
v1.0.6
- Negative margins interpolated incorrectly for decimals
v1.0.5
- Children of
prefix-grid
should not haveheight: 100%
on legacy. This rule is necessary for the modern CSS Grid implementation or the children will have no height. - When a legacy item is brought back from
display: none
, we should not assume that it usesdisplay: flex
. Instead, we should set the default todisplay: block
.
Legacy 0 Classes
Two legacy flexbox fixes:
- fix(scss): .yourGrid__col-#{$name}--0--only missing dash
- fix(scss): fix importance of 0 and 0--only classes
- chore(package.json: bump version number
Remove Unnecessary Display Flex
Fixed: When generating a grid, a display: flex property is being generated on the .gridName-grid class on the non-legacy grid.
Repeated Margin Bug Fix
Fixed: If a css-gridish.json
specifies the same margin on two breakpoints in a row, the scss/css widths for legacy columns will be incorrect.
Dynamic Content in Rows
Switches default grid-auto-rows: rowHeight
from the fixed row height to grid-auto-rows: minmax(rowHeight, min-content)
. This allows for elements like paragraphs with dynamic heights.
Initial Release
Merge pull request #2 from kmelve/patch-1 Add missing comma