is a great resource for prebuilt components that can speed up a build. We don’t see Relume as a tool that should be used for every section throughout a build, but can be great for more complex components like Modals, Nav Bars, Marquees, etc.
If you use Relume, this is what we ask that you follow:
Rename all classes - contact-modal3_component should be changed to contact-modal_component
Duplicate Classes should be removed - we don’t want to see padding-global-3 in the build
Components should follow Client First V2 - some of Relume’s components have not been updated to match Client First V2. Make sure all components that you paste in are up to date.
Use Flexbox instead of Grid - There are some instances where using grid is preferred (like blog collection grids), but for most common elements (like 2-column layouts) use flexbox instead of grid. (We’ve had problems with grids behaving differently on safari).
