class_list

settings.layout | class_list

Generates the list of style classes for a style setting or a collection of settings.

Developer preview

Style settings are currently only available as part of the Theme blocks developer preview.

{{ settings.layout | class_list }}

{
  "settings": {
    "layout": {
      "align-items": "center",
      "flex-direction": "row",
      "gap": "20px",
      "justify-content": "flex-start"
    }
  }
}

Output

Was this page helpful?