Automattic / block-experiments

A monorepo of Block Experiments
125 stars 17 forks source link

Layout Grid: Consider custom properties/css variables for gutter values #184

Open jasmussen opened 3 years ago

jasmussen commented 3 years ago

From https://wordpress.org/support/topic/essential-plugin-192/: it could be useful for developers to have CSS variables for the gutter widths. We'd need to ensure that the padding/background math gets updated to work with that.

ibrokemycomputer commented 2 years ago

I absolutely agree. Or at a minimum hooks to change specific classes. We have an in-house CSS xbrowser-tested grid system aligned to our design system that we would love to tie into the admin capabilities of this plugin.

We'll likely be forking this in the meantime to handle it. I hope it can happen soon! We always prefer to keep things native and have high hopes for this block.

philbraun commented 1 year ago

Maybe this could somehow be integrated with theme.json's spacing > spacingSizes CSS variables, making gutter width in grids correspond to the current theme's margins and paddings.