uuid: ad857c20-ce71-44ac-baf5-f77767568b2c
langcode: en
status: true
dependencies:
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Fill space'
id: 7f93b7a9
json_values: |
  {
      "preview": {
          "text": "<div class=\"coh-preview\">Default content for 'Layout'.<\/div>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "div",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "styles": {
              "xl": {
                  "display": {
                      "value": "flex"
                  },
                  "flex-container": {
                      "flex-direction": {
                          "value": "column"
                      }
                  },
                  "flex-item": {
                      "flex-grow": {
                          "value": "1"
                      }
                  }
              }
          },
          "cb88f2ae-6a7e-46fd-9361-1d621feae58d": {
              "settings": {
                  "element": "> article",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "display": {
                          "value": "flex"
                      },
                      "flex-container": {
                          "flex-direction": {
                              "value": "column"
                          }
                      },
                      "flex-item": {
                          "flex-grow": {
                              "value": "1"
                          }
                      }
                  }
              }
          },
          "d975c21f-6601-494f-8e34-639ebef011a5": {
              "settings": {
                  "element": "> .coh-container",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "flex-item": {
                          "flex-grow": {
                              "value": "1"
                          }
                      }
                  }
              }
          },
          "df42189c-e747-4940-8f61-38195fcb2598": {
              "settings": {
                  "element": "> .coh-container:first-child",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "flex-item": {
                          "flex-grow": {
                              "value": "1"
                          }
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "title": "Layout",
          "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": true
                              },
                              {
                                  "name": "flex-wrap",
                                  "active": false
                              },
                              {
                                  "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": false
                              },
                              {
                                  "name": "align-items-safety",
                                  "active": true
                              }
                          ]
                      },
                      {
                          "formKey": "flex-item",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "flex-basis",
                                  "active": false
                              },
                              {
                                  "name": "order",
                                  "active": false
                              },
                              {
                                  "name": "flex-grow",
                                  "active": true
                              },
                              {
                                  "name": "flex-shrink",
                                  "active": false
                              },
                              {
                                  "name": "align-self",
                                  "active": false
                              },
                              {
                                  "name": "align-self-safety",
                                  "active": true
                              }
                          ]
                      }
                  ]
              }
          ],
          "items": [
              {
                  "title": "> article",
                  "type": "container",
                  "items": [
                      {
                          "title": "> .coh-container",
                          "type": "container",
                          "items": [
                              {
                                  "title": "> .coh-container:first-child",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "> .coh-container:first-child",
                                  "uuid": "df42189c-e747-4940-8f61-38195fcb2598",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "flex-item",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "flex-basis",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "order",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "flex-grow",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "flex-shrink",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-self",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-self-safety",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": "> .coh-container",
                          "uuid": "d975c21f-6601-494f-8e34-639ebef011a5",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "flex-item",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "flex-basis",
                                                  "active": false
                                              },
                                              {
                                                  "name": "order",
                                                  "active": false
                                              },
                                              {
                                                  "name": "flex-grow",
                                                  "active": true
                                              },
                                              {
                                                  "name": "flex-shrink",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-self",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-self-safety",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": "> article",
                  "uuid": "cb88f2ae-6a7e-46fd-9361-1d621feae58d",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "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": true
                                      },
                                      {
                                          "name": "flex-wrap",
                                          "active": false
                                      },
                                      {
                                          "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": false
                                      },
                                      {
                                          "name": "align-items-safety",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "flex-item",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "flex-basis",
                                          "active": false
                                      },
                                      {
                                          "name": "order",
                                          "active": false
                                      },
                                      {
                                          "name": "flex-grow",
                                          "active": true
                                      },
                                      {
                                          "name": "flex-shrink",
                                          "active": false
                                      },
                                      {
                                          "name": "align-self",
                                          "active": false
                                      },
                                      {
                                          "name": "align-self-safety",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              }
          ],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-fill-space
custom_style_type: layout
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 0
