Looking for the current Rivet documentation? View the v1 site.
Back

Container and Grid Simplification

This RFC proposes a few updates and additions to the Rivet container and grid system

Chat icon Comment on this document

Log in to GitHub to comment on this RFC.

Summary

This RFC proposes a few updates and additions to the Rivet container and grid system that aim to make it a bit easier to use and understand and make it more flexible.

Motivation

After 2-plus years and some valuable feedback from developers, it’s seems clear that we could reduce the amount of CSS classes it takes to create a container for layout. More specifically, a reduction in the amount of CSS classes it takes to create a layout container with a max-width that is centered once the viewport is larger than that max-width.

In addition to reducing the amount of CSS classes for containers the class names for the grid could use an naming update to help make it easier to understand how they work. E.g.rvt-columns-3 or rvt-cols-3 is more descriptive of what the CSS class does than rvt-grid__item-3.

We’ll dig deeper into this in the Detailed design section in the full RFC text.

Chat icon Comment on this document

Log in to GitHub to comment on this RFC.