Feedback about HTML & CSS to Bricks

When I paste HTML & CSS into Bricks, the elements are converted and classes are applied correctly. However:

  1. In the Structure panel, all elements currently show generic labels like div, heading, text, etc. There should be a setting to display the actual class names instead of generic labels.

  2. Inline styles containing IDs or other attributes are not currently converted; these should also be supported.

  3. CSS property handling needs improvement:

    • Currently, background: red goes into Custom CSS, but background-color: red is correctly converted to the Background Color field.

    • Conversion should handle both shorthand and longhand properties, as well as properties like background color, background image, and gradients properly for better mapping.

Overall, the feature should support full attribute conversion and improved CSS property handling for more accurate element rendering.

3 Likes


Also, for a lot of properties, there are native style controls, but still styles are added in the custom css area.

and for Hover, Active,Focus, Before, After etc add them as native not in custom css.

1 Like