uuid: d896bb79-f8ee-42e4-90f9-57efc0f3e338
langcode: en
status: true
dependencies:
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Extra info'
id: bfd0fecd
json_values: |
  {
      "preview": {
          "text": "<ul class=\"coh-preview\">\n\t<li>List item 1<\/li>\n\t<li>List item 2<\/li>\n\t<li>List item 3<\/li>\n<\/ul>\n\n<h2>Content below extra info<\/h2>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "ul,ol,dl",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "styles": {
              "xl": {
                  "display": {
                      "value": "flex"
                  },
                  "flex-container": {
                      "align-items": {
                          "value": "center"
                      },
                      "flex-wrap": {
                          "value": "wrap"
                      }
                  },
                  "margin": {
                      "margin-bottom": {
                          "value": "0"
                      }
                  }
              }
          },
          "fcee7c60-8c46-4071-b53c-e9d29f64fa8d": {
              "settings": {
                  "element": "li",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "font-weight": {
                          "value": "bold"
                      },
                      "font-size": {
                          "value": "12"
                      },
                      "margin": {
                          "margin-left": {
                              "value": "0"
                          },
                          "margin-bottom": {
                              "value": "0"
                          }
                      },
                      "unordered-list": {
                          "list-style-type": {
                              "value": "none"
                          }
                      }
                  },
                  "xs": {
                      "font-size": {
                          "value": "10"
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "title": "List",
          "selectorType": "topLevel",
          "formDefinition": [
              {
                  "formKey": "layout",
                  "children": [
                      {
                          "formKey": "display",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "display",
                                  "active": true
                              },
                              {
                                  "name": "visibility",
                                  "active": false
                              },
                              {
                                  "name": "overflow",
                                  "active": false
                              },
                              {
                                  "name": "overflow-x",
                                  "active": false
                              },
                              {
                                  "name": "overflow-y",
                                  "active": false
                              }
                          ]
                      },
                      {
                          "formKey": "flex-container",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "flex-direction",
                                  "active": false
                              },
                              {
                                  "name": "flex-wrap",
                                  "active": true
                              },
                              {
                                  "name": "justify-content",
                                  "active": false
                              },
                              {
                                  "name": "justify-content-safety",
                                  "active": true
                              },
                              {
                                  "name": "align-content",
                                  "active": false
                              },
                              {
                                  "name": "align-content-safety",
                                  "active": true
                              },
                              {
                                  "name": "align-items",
                                  "active": true
                              },
                              {
                                  "name": "align-items-safety",
                                  "active": true
                              }
                          ]
                      },
                      {
                          "formKey": "margin",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "margin-equal",
                                  "active": false
                              },
                              {
                                  "name": "margin-top",
                                  "active": false
                              },
                              {
                                  "name": "margin-bottom",
                                  "active": true
                              },
                              {
                                  "name": "margin-left",
                                  "active": false
                              },
                              {
                                  "name": "margin-right",
                                  "active": false
                              },
                              {
                                  "name": "margin-block-start",
                                  "active": false
                              },
                              {
                                  "name": "margin-block-end",
                                  "active": false
                              },
                              {
                                  "name": "margin-inline-start",
                                  "active": false
                              },
                              {
                                  "name": "margin-inline-end",
                                  "active": false
                              }
                          ]
                      }
                  ]
              }
          ],
          "items": [
              {
                  "title": "li",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": "li",
                  "uuid": "fcee7c60-8c46-4071-b53c-e9d29f64fa8d",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-and-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-family",
                                          "active": false
                                      },
                                      {
                                          "name": "font-weight",
                                          "active": true
                                      },
                                      {
                                          "name": "color",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "xs"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": true
                                      },
                                      {
                                          "name": "line-height",
                                          "active": false
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "list-style",
                          "children": [
                              {
                                  "formKey": "unordered-list",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "list-style-type",
                                          "active": true
                                      },
                                      {
                                          "name": "list-style-image",
                                          "active": true
                                      },
                                      {
                                          "name": "list-style-position",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              }
          ],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-extra-info
custom_style_type: list
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 13
