Css Gridish Versions Save

Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

v2.0.0

6 years ago

Improvements

  • Easier transition from legacy to modern browsers by applying col and height 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, and height
  • 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

6 years ago

Improvements

  • Easier transition from legacy to modern browsers by applying col and height 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, and height
  • 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

6 years ago

fix #13: sketch file generated even if gutters use vw units

v1.0.6

6 years ago
  • Negative margins interpolated incorrectly for decimals

v1.0.5

6 years ago
  • Children of 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.
  • When a legacy item is brought back from display: none, we should not assume that it uses display: flex. Instead, we should set the default to display: block.

v1.0.4

6 years ago

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

v1.0.3

6 years ago

Fixed: When generating a grid, a display: flex property is being generated on the .gridName-grid class on the non-legacy grid.

v1.0.2

6 years ago

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.

v1.0.1

6 years ago

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.

v1.0.0

6 years ago