Just wondering about global parameters and the ability to set these global parameters as responsive / variable. Is that being correctly implemented? From the looks of it, it might not be. Here’s my situation:
I set up a layout-gap-var
parameter and set isVar
to true
, and then set the base value to 4em
and the small and below value to 2em
.
Then on a Row
or Grid
element, I want to use this layout-gap-var
as the Gap Width
and Gap Height
, without using the responsive settings here.
However, this parameter is not being output correctly into the code. The grid-gap
property is being set as var(--global-0) var(--global-0)
and --global-0
is not set.
This occurs for the Row
element as well, though due to the way the width of columns is calculated, it actually results in every column calculating to be 100% flex-basis.
This also happens if the global parameter is set to have the same value across all breakpoints.
Is it intended for responsive parameters to not work from Global Parameters? Or is this a bug? I would imagine having them work with responsive values would be very beneficial for advanced theme creation.
Tangentially, I noticed that in the Globals tab, the keyboard shortcut for breakout mode
doesn’t work, however if you set breakout mode when editing an element, it will be reflected in the Globals tab as well.