General Rework of the Grid System

Functional Rework

Version 2.0.0 is a functional rework and as such behaves differently compared to version 1.0.0 or the original Simple Grid project. The following changes have been performed:

• Changed how the breakpoints work. It now behaves like bootstrap.
• Added in more breakpoints.
• Changed to flex display.
• The columns and rows no longer have any default padding or margin applied to them and will always use 100% of the space available to them.
• Added a new col tag to enable automatic column sizing.
• Removed the existing utilities.
• Added in classes to mimic Bootstrap's placement classes (margin, padding, and gap).

1.0.0

This changelog is when compared against the most recent version of Simple Grid.

Enhancements

• Separated the typography classes from the main CSS release.
• Lots of general code de-duplication.
• All releases are now compiled via SASS and Lightning CSS for the ideal compatibility and file size.
• Shrunk the default "gutter" size.

Bug Fixes

• Fixed the column CSS selector to be more specific (avoids it matching class names such as color-).
• The column margins are now correctly applied to the grid margins.

Migration

If migrating from Simple Grid to Simple Grid+, the only change required is to include a typography CSS file. If you had removed the typography styling from Simple Grid or you no longer want to use it this step is entirely optional.