SOLVED IN 1.4: Bricks 1.4 RC2 - CSS Variables Not Working

Bricks Version: 1.4 RC2
Browser: MS Edge Version 101.0.1210.39 (Official build) (64-bit)
OS: Windows 10 Home
URL: Contact Us Left - Gerri Wiebe

Adding CSS variables to padding fields doesn’t work.

If you copy/paste the variable into the padding fields, the CSS variable is added twice like so:

padding-top: var(–css-variable)var(–css-variable);

If you type the variable name into the padding field, it appears like the value is added without a semicolon, which breaks the stylesheet.

Here’s a video explaining in more detail:

Hi Chris,
Thanks for your report, but this has already been reported a couple of days ago: WIP: 1.4RC2: Values with brackets (var, clamp, calc, etc.) in Input fields break styles

I just renamed the title of the older post to make it easier to find :slight_smile:

Best regards,


Hi Chris,
The issue has been fixed with Bricks 1.4.

The only problem that may occur now is that the broken variables (or functions) have been stored in the database and therefore do not work anymore.

So if you run into a broken layout somewhere, it is most likely due to a broken value in an input field like “var(var(–variable)”. Sorry for the trouble.

Best regards,