uuid: 05db1a38-8f84-48cf-a980-e78ee360c2aa
langcode: en
status: true
dependencies:
  config:
    - cohesion_website_settings.cohesion_color.brand-color
    - cohesion_website_settings.cohesion_icon_library.icomoon
label: 'Block quote'
id: blockquote
json_values: |
  {
      "preview": {
          "text": "<p>The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this.<\/p>\n\n<blockquote>Any fool can write code that a computer can understand. Good programmers write code that humans can understand.<\/blockquote>\n\n<p>The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.&nbsp;<\/p>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "blockquote",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "styles": {
              "xl": {
                  "font-size": {
                      "value": "20"
                  },
                  "line-height": {
                      "value": "1.5"
                  },
                  "margin": {
                      "margin-left": {},
                      "margin-top": {},
                      "margin-bottom": {
                          "value": "24"
                      }
                  },
                  "color": {},
                  "padding": {
                      "padding-left": {
                          "value": "32"
                      },
                      "padding-right": {
                          "value": "32"
                      }
                  },
                  "border-left-width": {
                      "value": "2"
                  },
                  "border-left-style": {
                      "value": "solid"
                  },
                  "border-left-color": {
                      "value": {
                          "link": true,
                          "name": "Brand color",
                          "uid": "brand-color",
                          "class": ".coh-color-brand-color",
                          "variable": "$coh-color-brand-color",
                          "value": {
                              "hex": "#26a3dd",
                              "rgba": "rgba(38, 163, 221, 1)"
                          },
                          "inuse": true,
                          "wysiwyg": true,
                          "tags": [
                              "Color"
                          ]
                      }
                  },
                  "display": {
                      "value": "flex"
                  },
                  "flex-container": {
                      "flex-direction": {
                          "value": "column"
                      }
                  },
                  "width": {
                      "value": "100%"
                  }
              },
              "lg": {
                  "font-size": {},
                  "padding": {
                      "padding-left": {}
                  },
                  "margin": {
                      "margin-bottom": {}
                  }
              },
              "sm": {
                  "font-size": {},
                  "margin": {
                      "margin-bottom": {}
                  }
              },
              "ps": {
                  "font-size": {},
                  "margin": {
                      "margin-bottom": {}
                  }
              },
              "md": {
                  "padding": {
                      "padding-left": {
                          "value": "24"
                      },
                      "padding-right": {
                          "value": "24"
                      }
                  }
              }
          },
          "7d742415-709f-4924-bb2b-cf232d2fd6c7": {
              "settings": {
                  "element": "p",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "font-size": {
                          "value": "20"
                      },
                      "color": {}
                  },
                  "lg": {
                      "font-size": {}
                  },
                  "sm": {
                      "font-size": {}
                  },
                  "ps": {
                      "font-size": {}
                  }
              }
          },
          "04e17856-32aa-4814-b358-e103c4e98d1d": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "iconName": "61709",
                                  "fontFamily": "icomoon"
                              }
                          }
                      },
                      "font-size": {
                          "value": "24"
                      },
                      "color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "line-height": {
                          "value": "1.0"
                      },
                      "font-style": {
                          "value": "normal"
                      },
                      "padding": {
                          "padding-bottom": {
                              "value": "8"
                          }
                      },
                      "display": {
                          "value": "block"
                      }
                  },
                  "lg": {
                      "font-size": {},
                      "line-height": {}
                  },
                  "ps": {
                      "font-size": {},
                      "line-height": {}
                  },
                  "md": {
                      "font-size": {
                          "value": "24"
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "selectorType": "topLevel",
          "items": [
              {
                  "title": ":before",
                  "type": "container",
                  "items": [],
                  "selectorType": "pseudo",
                  "formDefinition": [
                      {
                          "formKey": "content",
                          "children": [
                              {
                                  "formKey": "icon",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "contentIcon",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "md"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": true
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font-and-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-family",
                                          "active": false
                                      },
                                      {
                                          "name": "font-weight",
                                          "active": false
                                      },
                                      {
                                          "name": "color",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font-style-and-wrapping",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-style",
                                          "active": true
                                      },
                                      {
                                          "name": "text-transform",
                                          "active": false
                                      },
                                      {
                                          "name": "text-decoration",
                                          "active": false
                                      },
                                      {
                                          "name": "word-wrap",
                                          "active": false
                                      },
                                      {
                                          "name": "direction",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "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
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "uuid": "04e17856-32aa-4814-b358-e103c4e98d1d",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo"
                  ]
              },
              {
                  "title": "p",
                  "type": "container",
                  "items": [],
                  "selectorType": "child",
                  "model": "p",
                  "originalLabel": "Child selector",
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "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
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "uuid": "7d742415-709f-4924-bb2b-cf232d2fd6c7",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              }
          ],
          "title": "Block quote",
          "formDefinition": [
              {
                  "formKey": "font",
                  "children": [
                      {
                          "formKey": "font-sizing-and-alignment",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "font-size",
                                  "active": true
                              },
                              {
                                  "name": "line-height",
                                  "active": true
                              },
                              {
                                  "name": "text-align",
                                  "active": false
                              },
                              {
                                  "name": "letter-spacing",
                                  "active": false
                              },
                              {
                                  "name": "word-spacing",
                                  "active": false
                              },
                              {
                                  "name": "text-indent",
                                  "active": false
                              }
                          ]
                      }
                  ]
              },
              {
                  "formKey": "layout",
                  "children": [
                      {
                          "formKey": "padding",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              },
                              {
                                  "name": "md"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "padding-equal",
                                  "active": false
                              },
                              {
                                  "name": "padding-top",
                                  "active": false
                              },
                              {
                                  "name": "padding-bottom",
                                  "active": false
                              },
                              {
                                  "name": "padding-left",
                                  "active": true
                              },
                              {
                                  "name": "padding-right",
                                  "active": true
                              },
                              {
                                  "name": "padding-block-start",
                                  "active": false
                              },
                              {
                                  "name": "padding-block-end",
                                  "active": false
                              },
                              {
                                  "name": "padding-inline-start",
                                  "active": false
                              },
                              {
                                  "name": "padding-inline-end",
                                  "active": false
                              }
                          ]
                      },
                      {
                          "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
                              }
                          ]
                      },
                      {
                          "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": "width",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "min-width",
                                  "active": false
                              },
                              {
                                  "name": "max-width",
                                  "active": false
                              },
                              {
                                  "name": "width",
                                  "active": true
                              }
                          ]
                      }
                  ]
              },
              {
                  "formKey": "border-and-outline",
                  "children": [
                      {
                          "formKey": "border-width",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "border-width",
                                  "active": false
                              },
                              {
                                  "name": "border-top-width",
                                  "active": false
                              },
                              {
                                  "name": "border-bottom-width",
                                  "active": false
                              },
                              {
                                  "name": "border-left-width",
                                  "active": true
                              },
                              {
                                  "name": "border-right-width",
                                  "active": false
                              },
                              {
                                  "name": "border-block-start-width",
                                  "active": false
                              },
                              {
                                  "name": "border-block-end-width",
                                  "active": false
                              },
                              {
                                  "name": "border-inline-start-width",
                                  "active": false
                              },
                              {
                                  "name": "border-inline-end-width",
                                  "active": false
                              }
                          ]
                      },
                      {
                          "formKey": "border-style",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "border-style",
                                  "active": false
                              },
                              {
                                  "name": "border-top-style",
                                  "active": false
                              },
                              {
                                  "name": "border-bottom-style",
                                  "active": false
                              },
                              {
                                  "name": "border-left-style",
                                  "active": true
                              },
                              {
                                  "name": "border-right-style",
                                  "active": false
                              },
                              {
                                  "name": "border-block-start-style",
                                  "active": false
                              },
                              {
                                  "name": "border-block-end-style",
                                  "active": false
                              },
                              {
                                  "name": "border-inline-start-style",
                                  "active": false
                              },
                              {
                                  "name": "border-inline-end-style",
                                  "active": false
                              }
                          ]
                      },
                      {
                          "formKey": "border-color",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "border-color",
                                  "active": false
                              },
                              {
                                  "name": "border-top-color",
                                  "active": false
                              },
                              {
                                  "name": "border-bottom-color",
                                  "active": false
                              },
                              {
                                  "name": "border-left-color",
                                  "active": true
                              },
                              {
                                  "name": "border-right-color",
                                  "active": false
                              },
                              {
                                  "name": "border-block-start-color",
                                  "active": false
                              },
                              {
                                  "name": "border-block-end-color",
                                  "active": false
                              },
                              {
                                  "name": "border-inline-start-color",
                                  "active": false
                              },
                              {
                                  "name": "border-inline-end-color",
                                  "active": false
                              }
                          ]
                      }
                  ]
              }
          ],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: false
custom: null
