“I Want to Break Free”

In a perfect world, every website will have a well-defined spacing scheme that you can use to have nice and consistent layouts. In the real world, applications we work on don't have well-defined spacing schemes, and sometimes we just need to use arbitrary spacing values in applications like this.

Unfortunately, Bedrock has forced all spaceing props, like gutter and padding to be based on a spacing scheme and did not have a way to allow arbitrary values. This works well in an ideal situation like a design system or an app with good spacing scheme in the style guide, but extremly difficult otherwise.

Breaking Free of the Spacing Scheme

With this release all gutter and padding values, in addition to the spacing scheme properties, will allow you to pass in any positive integer or valid CSSLength value as a string. This even includes css custom properties wrapped in var, like this: var(--custom-properties). This release will now make Bedrock layout full achieve it's goal of being the "Lodash of web layouts" allowing you to use them in any application.

What's Changed

• Make-CSS-length-universal by @Jarvis1010 in #1163

Full Changelog: https://github.com/Bedrock-Layouts/Bedrock/commits/@bedrock-layout/[email protected]