acquia_cms_search-1.3.0/config/pack_acquia_cms_search/cohesion_custom_styles.cohesion_custom_style.e95bd02c.yml
config/pack_acquia_cms_search/cohesion_custom_styles.cohesion_custom_style.e95bd02c.yml
uuid: 4b7d6378-2e66-40a6-8d89-4efce8e8b16a
langcode: en
status: true
dependencies:
config:
- cohesion_website_settings.cohesion_color.black
- cohesion_website_settings.cohesion_color.brand-color
- cohesion_website_settings.cohesion_color.gray-10
- cohesion_website_settings.cohesion_color.gray-70
- cohesion_website_settings.cohesion_color.white
- cohesion_website_settings.cohesion_icon_library.icomoon
enforced:
module:
- acquia_cms_search
- acquia_cms_site_studio
label: 'Search block'
id: e95bd02c
json_values: |
{
"preview": {
"text": "<div class=\"coh-preview\">\n<form accept-charset=\"UTF-8\" action=\"\/search\" id=\"views-exposed-form-search-search\" method=\"get\" style=\"\n\">\n<div class=\"js-form-item form-item js-form-type-search-api-autocomplete form-type-search-api-autocomplete js-form-item-keywords form-item-keywords form-no-label\"><input autocomplete=\"off\" class=\"form-autocomplete form-text ui-autocomplete-input\" data-autocomplete-path=\"\/search_api_autocomplete\/search?display=search&&filter=keywords\" data-drupal-selector=\"edit-keywords\" data-search-api-autocomplete-search=\"search\" id=\"edit-keywords\" maxlength=\"128\" name=\"keywords\" size=\"30\" type=\"text\" value=\"Search\" \/><\/div>\n<label class=\"visually-hidden\" for=\"edit-keywords\">Search<\/label>\n\n<div class=\"form-actions js-form-wrapper form-wrapper\" data-drupal-selector=\"edit-actions\" id=\"edit-actions\"><input class=\"button js-form-submit form-submit\" data-drupal-selector=\"edit-submit-search\" id=\"edit-submit-search\" type=\"submit\" value=\"Search\" \/><\/div>\n<\/form>\n<\/div>\n",
"textFormat": "cohesion",
"background": {
"value": {
"rgba": "rgba(255,255,255,1)"
}
}
},
"styles": {
"settings": {
"element": "div",
"class": "",
"combinator": "",
"pseudo": ""
},
"5cfa6dbb-74c9-47f7-aeb5-4bb67743daa7": {
"settings": {
"element": "form",
"class": "",
"combinator": "",
"pseudo": ""
},
"styles": {
"xl": {
"display": {
"value": "flex"
}
}
}
},
"f8f959f8-3eae-4399-bfb8-0aedbe2c8a67": {
"settings": {
"element": ".form-text.form-autocomplete",
"class": "",
"combinator": "",
"pseudo": ""
},
"styles": {
"xl": {
"height": {
"value": "56"
},
"width": {
"value": "100%"
},
"background-color": {
"value": {
"link": true,
"name": "Gray 10",
"uid": "gray-10",
"class": ".coh-color-gray-10",
"variable": "$coh-color-gray-10",
"value": {
"hex": "#f2f2f2",
"rgba": "rgba(242, 242, 242, 1)"
},
"inuse": true,
"wysiwyg": true,
"tags": [
"Light"
]
}
},
"padding": {
"padding-left": {
"value": "24"
},
"padding-right": {
"value": "24"
}
},
"border-style": {
"value": "none"
},
"color": {
"value": {
"link": true,
"name": "Gray 70",
"uid": "gray-70",
"class": ".coh-color-gray-70",
"variable": "$coh-color-gray-70",
"value": {
"hex": "#484848",
"rgba": "rgba(72, 72, 72, 1)"
},
"inuse": true,
"wysiwyg": true,
"tags": [
"Dark"
]
}
}
}
}
},
"821210fa-193e-4778-b1bb-7e10f65cda57": {
"settings": {
"element": ".form-type-search-api-autocomplete",
"class": "",
"combinator": "",
"pseudo": ""
},
"styles": {
"xl": {
"flex-item": {
"flex-grow": {
"value": "1"
}
},
"padding": {
"padding-equal": {
"value": "0"
}
}
}
}
},
"831b96ae-196d-4958-9df3-7f7c751d9bcc": {
"settings": {
"element": ".button.form-submit",
"class": "",
"combinator": "",
"pseudo": ""
},
"styles": {
"xl": {
"height": {
"value": "56"
},
"width": {
"value": "56"
},
"padding": {
"padding-equal": {
"value": "0"
}
},
"background-color": {
"value": {
"value": {
"hex": "transparent",
"rgba": "rgba(0, 0, 0, 0)"
},
"name": "Transparent",
"wysiwyg": true,
"uid": "dx8-transparent",
"class": ".dx8-transparent",
"variable": "$coh-dx8-transparent",
"inuse": true
}
},
"border-style": {
"value": "none"
},
"color": {
"value": {
"value": {
"hex": "transparent",
"rgba": "rgba(0, 0, 0, 0)"
},
"name": "Transparent",
"wysiwyg": true,
"uid": "dx8-transparent",
"class": ".dx8-transparent",
"variable": "$coh-dx8-transparent",
"inuse": true
}
},
"custom-css": [
{
"customCssProperty": {
"value": "z-index"
},
"customCss": {
"value": "1"
}
}
]
}
}
},
"fc315538-8b5f-497f-ad3c-c167d0857d4c": {
"settings": {
"element": ".form-actions",
"class": "",
"combinator": "",
"pseudo": ""
},
"styles": {
"xl": {
"display": {
"value": "flex"
},
"flex-container": {
"justify-content": {
"value": "center"
},
"align-items": {
"value": "center"
}
},
"background-color": {
"value": {
"link": true,
"name": "Gray 10",
"uid": "gray-10",
"class": ".coh-color-gray-10",
"variable": "$coh-color-gray-10",
"value": {
"hex": "#f2f2f2",
"rgba": "rgba(242, 242, 242, 1)"
},
"inuse": true,
"wysiwyg": true,
"tags": [
"Light"
]
}
},
"transitions": [
{
"transitionProperty": {
"value": "background-color"
},
"transitionDuration": {
"value": 300
},
"transitionTimingFunction": {
"value": "ease"
}
}
],
"padding": {
"padding-equal": {
"value": "0"
}
}
}
}
},
"df9932c8-c1ea-42c5-ac52-462c3d757111": {
"settings": {
"element": "",
"class": "",
"combinator": "",
"pseudo": ":before"
},
"styles": {
"xl": {
"content-icon": {
"contentIcon": {
"value": {
"iconName": "61442",
"fontFamily": "icomoon"
}
}
},
"position": {
"value": "absolute"
},
"font-size": {
"value": "24"
},
"color": {
"value": {
"value": {
"hex": "#000000",
"rgba": "rgba(0, 0, 0, 1)"
},
"name": "Black",
"uid": "black",
"class": ".coh-color-black",
"variable": "$coh-color-black",
"wysiwyg": true,
"inuse": true,
"link": true,
"tags": [
"Dark"
]
}
},
"transitions": [
{
"transitionProperty": {
"value": "color"
},
"transitionDuration": {
"value": 300
},
"transitionTimingFunction": {
"value": "ease"
}
}
]
}
}
},
"482fc3fd-fd79-48f5-a486-3610e2407bdd": {
"settings": {
"element": "",
"class": "",
"combinator": "",
"pseudo": ":hover"
},
"styles": {
"xl": {
"background-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"
]
}
}
}
}
},
"f6b801f5-3c46-42ec-b429-85846e7d73d3": {
"settings": {
"element": "",
"class": "",
"combinator": "",
"pseudo": ":before"
},
"styles": {
"xl": {
"color": {
"value": {
"name": "White",
"uid": "white",
"value": {
"hex": "#ffffff",
"rgba": "rgba(255, 255, 255, 1)"
},
"wysiwyg": true,
"class": ".coh-color-white",
"variable": "$coh-color-white",
"inuse": true,
"link": true,
"tags": [
"Light"
]
}
},
"custom-css": [
{
"customCssProperty": {
"value": "cursor"
},
"customCss": {
"value": "pointer"
}
}
]
}
}
},
"1c01dc6c-314d-448b-9f6a-92e2dc32f824": {
"settings": {
"element": "",
"class": "",
"combinator": "",
"pseudo": ":hover"
},
"styles": {
"xl": {
"background-color": {
"value": {
"value": {
"hex": "transparent",
"rgba": "rgba(0, 0, 0, 0)"
},
"name": "Transparent",
"wysiwyg": true,
"uid": "dx8-transparent",
"class": ".dx8-transparent",
"variable": "$coh-dx8-transparent",
"inuse": true
}
},
"color": {
"value": {
"value": {
"hex": "transparent",
"rgba": "rgba(0, 0, 0, 0)"
},
"name": "Transparent",
"wysiwyg": true,
"uid": "dx8-transparent",
"class": ".dx8-transparent",
"variable": "$coh-dx8-transparent",
"inuse": true
}
}
}
}
},
"styles": {
"xl": {
"margin": {
"margin-bottom": {
"value": "16"
}
}
}
}
},
"variableFields": []
}
json_mapper: |
{
"styles": {
"title": "Layout",
"selectorType": "topLevel",
"formDefinition": [
{
"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": 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": "form",
"type": "container",
"items": [],
"form": null,
"selectorType": "child",
"model": "form",
"uuid": "5cfa6dbb-74c9-47f7-aeb5-4bb67743daa7",
"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
}
]
}
]
}
]
},
{
"title": ".form-type-search-api-autocomplete",
"type": "container",
"items": [],
"form": null,
"selectorType": "child",
"model": ".form-type-search-api-autocomplete",
"uuid": "821210fa-193e-4778-b1bb-7e10f65cda57",
"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
}
]
},
{
"formKey": "padding",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "padding-equal",
"active": true
},
{
"name": "padding-top",
"active": false
},
{
"name": "padding-bottom",
"active": false
},
{
"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
}
]
}
]
}
]
},
{
"title": ".form-text.form-autocomplete",
"type": "container",
"items": [],
"form": null,
"selectorType": "child",
"model": ".form-text.form-autocomplete",
"uuid": "f8f959f8-3eae-4399-bfb8-0aedbe2c8a67",
"allowedTypes": [
"child",
"pseudo",
"modifier"
],
"formDefinition": [
{
"formKey": "layout",
"children": [
{
"formKey": "width",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "min-width",
"active": false
},
{
"name": "max-width",
"active": false
},
{
"name": "width",
"active": true
}
]
},
{
"formKey": "height",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "min-height",
"active": false
},
{
"name": "max-height",
"active": false
},
{
"name": "height",
"active": true
}
]
},
{
"formKey": "padding",
"breakpoints": [
{
"name": "xl"
}
],
"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": "border-and-outline",
"children": [
{
"formKey": "border-style",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "border-style",
"active": true
},
{
"name": "border-top-style",
"active": false
},
{
"name": "border-bottom-style",
"active": false
},
{
"name": "border-left-style",
"active": false
},
{
"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": "background",
"children": [
{
"formKey": "background-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "background-color",
"active": true
}
]
}
]
},
{
"formKey": "font",
"children": [
{
"formKey": "font-and-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "font-family",
"active": false
},
{
"name": "font-weight",
"active": false
},
{
"name": "color",
"active": true
}
]
}
]
}
]
},
{
"title": ".form-actions",
"type": "container",
"items": [
{
"title": ":before",
"type": "container",
"items": [],
"form": null,
"selectorType": "pseudo",
"uuid": "df9932c8-c1ea-42c5-ac52-462c3d757111",
"allowedTypes": [
"child",
"pseudo"
],
"formDefinition": [
{
"formKey": "content",
"children": [
{
"formKey": "icon",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "contentIcon",
"active": true
}
]
}
]
},
{
"formKey": "layout",
"children": [
{
"formKey": "position",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "position",
"active": true
},
{
"name": "top",
"active": true
},
{
"name": "bottom",
"active": true
},
{
"name": "left",
"active": true
},
{
"name": "right",
"active": true
},
{
"name": "z-index",
"active": true
}
]
}
]
},
{
"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
}
]
},
{
"formKey": "font-and-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "font-family",
"active": false
},
{
"name": "font-weight",
"active": false
},
{
"name": "color",
"active": true
}
]
}
]
},
{
"formKey": "transform-and-transition",
"children": [
{
"formKey": "transition",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "transitions",
"active": true
},
{
"name": "transitionProperty",
"active": true
},
{
"name": "transitionCustomProperty",
"active": true
},
{
"name": "transitionDuration",
"active": true
},
{
"name": "transitionTimingFunction",
"active": true
},
{
"name": "transitionDelay",
"active": false
}
]
}
]
}
]
},
{
"title": ":hover",
"type": "container",
"items": [
{
"title": ":before",
"type": "container",
"items": [],
"form": null,
"selectorType": "pseudo",
"uuid": "f6b801f5-3c46-42ec-b429-85846e7d73d3",
"allowedTypes": [
"child",
"pseudo"
],
"formDefinition": [
{
"formKey": "font",
"children": [
{
"formKey": "font-and-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "font-family",
"active": false
},
{
"name": "font-weight",
"active": false
},
{
"name": "color",
"active": true
}
]
}
]
},
{
"formKey": "custom-css",
"children": [
{
"formKey": "css-property-and-css-value",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "custom-css",
"active": true
},
{
"name": "customCssProperty",
"active": true
},
{
"name": "customCss",
"active": true
}
]
}
]
}
]
}
],
"form": null,
"selectorType": "pseudo",
"uuid": "482fc3fd-fd79-48f5-a486-3610e2407bdd",
"allowedTypes": [
"child",
"pseudo"
],
"formDefinition": [
{
"formKey": "background",
"children": [
{
"formKey": "background-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "background-color",
"active": true
}
]
}
]
}
]
}
],
"form": null,
"selectorType": "child",
"model": ".form-actions",
"uuid": "fc315538-8b5f-497f-ad3c-c167d0857d4c",
"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": false
},
{
"name": "flex-wrap",
"active": false
},
{
"name": "justify-content",
"active": true
},
{
"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": "padding",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "padding-equal",
"active": true
},
{
"name": "padding-top",
"active": false
},
{
"name": "padding-bottom",
"active": false
},
{
"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": "background",
"children": [
{
"formKey": "background-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "background-color",
"active": true
}
]
}
]
},
{
"formKey": "transform-and-transition",
"children": [
{
"formKey": "transition",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "transitions",
"active": true
},
{
"name": "transitionProperty",
"active": true
},
{
"name": "transitionCustomProperty",
"active": true
},
{
"name": "transitionDuration",
"active": true
},
{
"name": "transitionTimingFunction",
"active": true
},
{
"name": "transitionDelay",
"active": false
}
]
}
]
}
]
},
{
"title": ".button.form-submit",
"type": "container",
"items": [
{
"title": ":hover",
"type": "container",
"items": [],
"form": null,
"selectorType": "pseudo",
"uuid": "1c01dc6c-314d-448b-9f6a-92e2dc32f824",
"allowedTypes": [
"child",
"pseudo"
],
"formDefinition": [
{
"formKey": "background",
"children": [
{
"formKey": "background-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "background-color",
"active": true
}
]
}
]
},
{
"formKey": "font",
"children": [
{
"formKey": "font-and-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "font-family",
"active": false
},
{
"name": "font-weight",
"active": false
},
{
"name": "color",
"active": true
}
]
}
]
}
]
}
],
"form": null,
"selectorType": "child",
"model": ".button.form-submit",
"uuid": "831b96ae-196d-4958-9df3-7f7c751d9bcc",
"allowedTypes": [
"child",
"pseudo",
"modifier"
],
"formDefinition": [
{
"formKey": "layout",
"children": [
{
"formKey": "width",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "min-width",
"active": false
},
{
"name": "max-width",
"active": false
},
{
"name": "width",
"active": true
}
]
},
{
"formKey": "height",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "min-height",
"active": false
},
{
"name": "max-height",
"active": false
},
{
"name": "height",
"active": true
}
]
},
{
"formKey": "padding",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "padding-equal",
"active": true
},
{
"name": "padding-top",
"active": false
},
{
"name": "padding-bottom",
"active": false
},
{
"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": "background",
"children": [
{
"formKey": "background-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "background-color",
"active": true
}
]
}
]
},
{
"formKey": "border-and-outline",
"children": [
{
"formKey": "border-style",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "border-style",
"active": true
},
{
"name": "border-top-style",
"active": false
},
{
"name": "border-bottom-style",
"active": false
},
{
"name": "border-left-style",
"active": false
},
{
"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": "font",
"children": [
{
"formKey": "font-and-color",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "font-family",
"active": false
},
{
"name": "font-weight",
"active": false
},
{
"name": "color",
"active": true
}
]
}
]
},
{
"formKey": "custom-css",
"children": [
{
"formKey": "css-property-and-css-value",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "custom-css",
"active": true
},
{
"name": "customCssProperty",
"active": true
},
{
"name": "customCss",
"active": true
}
]
}
]
}
]
}
],
"form": null
}
}
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-search-block
custom_style_type: generic
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 7
