Rivet 1.3.0 release
Rivet 1.3.0 is now available. This release adds new responsive spacing utility classes and a new set of flexbox utility classes for fine-tuning component layouts.
Rivet 1.3.0 is now available! This release adds new responsive spacing utility classes and a new set of flexbox utility classes for fine-tuning component layouts.
Responsive spacing utility classes #
In this release, we’ve updated the spacing utility classes to include responsive variants that can be used to apply margin and padding to elements at different breakpoints, such as
Responsive spacing has been a common pain point for many developers using Rivet, so we hope these new utility class variants help make the process of building responsive layouts much smoother.
Deprecation of “-remove” #
In previous versions of Rivet, spacing utility classes used the
-remove variant to clear a property from an element, such as
After listening to developer feedback, it was clear the
-none modifier was more intuitive for people. On the back of your feedback, we’ve deprecated the
-remove utility class variants in favor of the the new, fully-responsive spacing utility classes that use the
-none modifier, like
-remove utility class variants will still work, but all documentation moving forward will reference the new, unified
Flexbox utility classes #
We’ve added a set of responsive flexbox utility CSS classes that can help you fine-tune layouts that previously would have required you to write custom CSS.
While we already have the Rivet grid for laying out pages at a high level, there are many situations in which developers need to make small adjustments to how elements are laid out at the individual component level.
Bug fixes #
Complete list of updates #
For a complete breakdown of the 1.3.0 updates, see the Rivet changelog.