Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.
Improvements
col
and height
classes on both Flexbox and CSS Grid implementationsPatch Fixes
Major Breaking Changes
bleed
, break
, and height
Improvements
col
and height
classes on both Flexbox and CSS Grid implementationsPatch Fixes
Major Breaking Changes
bleed
, break
, and height
fix #13: sketch file generated even if gutters use vw units
prefix-grid
should not have height: 100%
on legacy. This rule is necessary for the modern CSS Grid implementation or the children will have no height.display: none
, we should not assume that it uses display: flex
. Instead, we should set the default to display: block
.Two legacy flexbox fixes:
Fixed: When generating a grid, a display: flex property is being generated on the .gridName-grid class on the non-legacy grid.
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.
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.