diff --git a/style.css b/style.css index 81ad07c..91d0fe5 100644 --- a/style.css +++ b/style.css @@ -371,10 +371,19 @@ input, textarea { background-color: var(--wp--preset--color--background); } +:not(.block-editor-block-preview__content-iframe) +.has-tertiary-background-color.has-background +[class*='is-style-ext-preset--group--'][class*='item-card-1']:not(.has-background)::before { + background-color: var(--wp--preset--color--background) !important; +} + .block-editor-block-preview__content-iframe [class*='is-style-ext-preset--group--natural-1'][class*='item-card-1'] { background-color: transparent !important; } +:root { + --matrix-1-grid-bg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIG9wYWNpdHk9IjAuMDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utb3BhY2l0eT0iMC43IiBzdHJva2Utd2lkdGg9IjEuMjYwNyI+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI2MjQuOTk1IiB4Mj0iMTQ2MC45NiIgeTI9IjYyNC45OTUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI5NDcuNzMzIiB4Mj0iMTQ2MC45NiIgeTI9Ijk0Ny43MzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzMDIuMjU2IiB4Mj0iMTQ2MC45NiIgeTI9IjMwMi4yNTYiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI0NjMuNjI0IiB4Mj0iMTQ2MC45NiIgeTI9IjQ2My42MjQiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI3ODYuMzYyIiB4Mj0iMTQ2MC45NiIgeTI9Ijc4Ni4zNjIiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIxNDAuODg1IiB4Mj0iMTQ2MC45NiIgeTI9IjE0MC44ODUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI1NDQuMzExIiB4Mj0iMTQ2MC45NiIgeTI9IjU0NC4zMTEiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI4NjcuMDQ5IiB4Mj0iMTQ2MC45NiIgeTI9Ijg2Ny4wNDkiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIyMjEuNTczIiB4Mj0iMTQ2MC45NiIgeTI9IjIyMS41NzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzODIuOTQiIHgyPSIxNDYwLjk2IiB5Mj0iMzgyLjk0IiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNzA1LjY4MiIgeDI9IjE0NjAuOTYiIHkyPSI3MDUuNjgyIiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNjAuMjAxNyIgeDI9IjE0NjAuOTYiIHkyPSI2MC4yMDE3IiAvPgogICAgPGxpbmUgeDE9IjY0Mi4xMzgiIHkxPSItNDguODQ3NyIgeDI9IjY0Mi4xMzgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjMxOS4zOTgiIHkxPSItNDguODQ3NyIgeDI9IjMxOS4zOTgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijk2NC44NzQiIHkxPSItNDguODQ3NyIgeDI9Ijk2NC44NzQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEyODcuNjEiIHkxPSItNDguODQ3NyIgeDI9IjEyODcuNjEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjE1OC4wMjgiIHkxPSItNDguODQ3NyIgeDI9IjE1OC4wMjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjgwMy41MDQiIHkxPSItNDguODQ3NyIgeDI9IjgwMy41MDQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQ4MC43NjgiIHkxPSItNDguODQ3NyIgeDI9IjQ4MC43NjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjExMjYuMjQiIHkxPSItNDguODQ3NyIgeDI9IjExMjYuMjQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijc3LjM0NTIiIHkxPSItNDguODQ3NyIgeDI9Ijc3LjM0NTEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjcyMi44MjIiIHkxPSItNDguODQ3NyIgeDI9IjcyMi44MjIiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQwMC4wODEiIHkxPSItNDguODQ3NyIgeDI9IjQwMC4wODEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEwNDUuNTYiIHkxPSItNDguODQ3NyIgeDI9IjEwNDUuNTYiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEzNjguMyIgeTE9Ii00OC44NDc3IiB4Mj0iMTM2OC4zIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIyMzguNzE1IiB5MT0iLTQ4Ljg0NzciIHgyPSIyMzguNzE1IiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI4ODQuMTkyIiB5MT0iLTQ4Ljg0NzciIHgyPSI4ODQuMTkyIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI1NjEuNDUxIiB5MT0iLTQ4Ljg0NzciIHgyPSI1NjEuNDUxIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIxMjA2LjkzIiB5MT0iLTQ4Ljg0NzciIHgyPSIxMjA2LjkzIiB5Mj0iMTExOC41NiIgLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC41IiBmaWxsPSJjdXJyZW50Q29sb3IiPgogICAgPHJlY3QgeD0iODAzLjU2MyIgeT0iNzg2LjMwNSIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjQiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjIyMi40MyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjA4IiAvPgogICAgPHJlY3QgeD0iNDgwLjM2NyIgeT0iNDY0LjIwMyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iMTA0NS4zOSIgeT0iMzAyLjY1NiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjAzIiAvPgogICAgPHJlY3QgeD0iMzk5Ljk5NCIgeT0iMjIyLjQzIiB3aWR0aD0iODAuMjI2MiIgaGVpZ2h0PSI3OS4wODAxIiBmaWxsLW9wYWNpdHk9IjAuMTMiIC8+CiAgICA8cmVjdCB4PSIxMDQ1LjM5IiB5PSIyMjIuNDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4wOCIgLz4KICAgIDxyZWN0IHg9IjM5OS45OTQiIHk9IjQ2NC4yMDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijg2Ni41MzEiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9Ijk2NS4xNjIiIHk9IjYwLjgzMiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iODg0LjA1OSIgeT0iLTE5Ljg1NTUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjUwNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9Ijg4NC4wNTkiIHk9IjYwLjQwMjMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjAyODUiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjEzOS45MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODIuNTE4NCIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iNTkuNjgzNiIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iLTMuMjgzMiIgeT0iNjAuODI4MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iMTM5LjkxIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4Mi41MTg0IiBmaWxsLW9wYWNpdHk9IjAuMTgiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQxIiB5PSItMjAuNTQzIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4MC4yMjYyIiBmaWxsLW9wYWNpdHk9IjAuMiIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjMwMS41MDgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjEyMDYuOTkiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICA8L2c+Cjwvc3ZnPg=="); +} /* * utilities diff --git a/styles/block-presets/button/matrix-1/button-1/preset.json b/styles/block-presets/button/matrix-1/button-1/preset.json new file mode 100644 index 0000000..8aa6de2 --- /dev/null +++ b/styles/block-presets/button/matrix-1/button-1/preset.json @@ -0,0 +1,13 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Button 1", + "slug": "ext-preset--button--matrix-1--button-1", + "blockTypes": ["core/button"], + "styles": { + "border": { + "radius": "0" + } + } +} + \ No newline at end of file diff --git a/styles/block-presets/button/prism-1/button-1/preset.json b/styles/block-presets/button/prism-1/button-1/preset.json new file mode 100644 index 0000000..05f867f --- /dev/null +++ b/styles/block-presets/button/prism-1/button-1/preset.json @@ -0,0 +1,13 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Button 1", + "slug": "ext-preset--button--prism-1--button-1", + "blockTypes": ["core/button"], + "styles": { + "border": { + "radius": "0" + }, + "css": "--clip:16px; clip-path:polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); z-index:-1;" + } +} diff --git a/styles/block-presets/button/wave-1/button-1/preset.json b/styles/block-presets/button/wave-1/button-1/preset.json new file mode 100644 index 0000000..43112e1 --- /dev/null +++ b/styles/block-presets/button/wave-1/button-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Button 1", + "slug": "ext-preset--button--wave-1--button-1", + "blockTypes": ["core/button"], + "styles": { + "border": { + "radius": "4px" + } + } +} diff --git a/styles/block-presets/group/matrix-1/item-card-1/align-center/preset.json b/styles/block-presets/group/matrix-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..d070bbe --- /dev/null +++ b/styles/block-presets/group/matrix-1/item-card-1/align-center/preset.json @@ -0,0 +1,58 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Item Card 1 Align Center", + "slug": "ext-preset--group--matrix-1--item-card-1--align-center", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "width": "1px", + "color": "color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent)", + "style": "solid" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + }, + "padding": { + "top": "var:preset|spacing|30", + "right": "var:preset|spacing|30", + "left": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem", + "textAlign": "center" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small", + "textAlign": "center" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/matrix-1/item-card-1/align-start/preset.json b/styles/block-presets/group/matrix-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..42bbed0 --- /dev/null +++ b/styles/block-presets/group/matrix-1/item-card-1/align-start/preset.json @@ -0,0 +1,56 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Item Card 1 Align Start", + "slug": "ext-preset--group--matrix-1--item-card-1--align-start", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "width": "1px", + "color": "color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent)", + "style": "solid" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + }, + "padding": { + "top": "var:preset|spacing|30", + "right": "var:preset|spacing|30", + "left": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/matrix-1/section/preset.json b/styles/block-presets/group/matrix-1/section/preset.json new file mode 100644 index 0000000..b645333 --- /dev/null +++ b/styles/block-presets/group/matrix-1/section/preset.json @@ -0,0 +1,13 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Section 1", + "slug": "ext-preset--group--matrix-1--section", + "blockTypes": ["core/group"], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "css": "&.has-background-background-color { background-color: var(--wp--preset--color--background) !important; background-image: linear-gradient( 180deg, var(--wp--preset--color--background) -4%, color-mix(in srgb, var(--wp--preset--color--background) 35%, transparent) 50%, var(--wp--preset--color--background) 104% ), var(--matrix-1-grid-bg) !important; background-size: cover !important; background-position: center !important; } &.has-tertiary-background-color { background-color: var(--wp--preset--color--tertiary) !important; background-image: linear-gradient( 180deg, var(--wp--preset--color--tertiary) -4%, color-mix(in srgb, var(--wp--preset--color--tertiary) 35%, transparent) 50%, var(--wp--preset--color--tertiary) 104% ), var(--matrix-1-grid-bg) !important; }" + } +} diff --git a/styles/block-presets/group/natural-1/item-card-1/align-center/preset.json b/styles/block-presets/group/natural-1/item-card-1/align-center/preset.json index dd0f257..ea0c3bd 100644 --- a/styles/block-presets/group/natural-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/natural-1/item-card-1/align-center/preset.json @@ -5,9 +5,7 @@ "slug": "ext-preset--group--natural-1--item-card-1--align-center", "blockTypes": ["core/group"], "styles": { - "color": { - "background": "transparent !important" - }, + "blocks": { "core/group": { "spacing": { diff --git a/styles/block-presets/group/natural-1/item-card-1/align-start/preset.json b/styles/block-presets/group/natural-1/item-card-1/align-start/preset.json index 67f77c4..9feb951 100644 --- a/styles/block-presets/group/natural-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/natural-1/item-card-1/align-start/preset.json @@ -5,9 +5,7 @@ "slug": "ext-preset--group--natural-1--item-card-1--align-start", "blockTypes": ["core/group"], "styles": { - "color": { - "background": "transparent !important" - }, + "blocks": { "core/group": { "spacing": { diff --git a/styles/block-presets/group/prism-1/item-card-1/align-center/preset.json b/styles/block-presets/group/prism-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..644c1c7 --- /dev/null +++ b/styles/block-presets/group/prism-1/item-card-1/align-center/preset.json @@ -0,0 +1,53 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Item Card 1 Align Center", + "slug": "ext-preset--group--prism-1--item-card-1--align-center", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + }, + "padding": { + "top": "var:preset|spacing|30", + "right": "var:preset|spacing|30", + "left": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem", + "textAlign": "center" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small", + "textAlign": "center" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "overflow: hidden;--clip:32px; --border:1px; position:relative; background:rgba(34, 34, 34, 0.4) !important; padding:1px; clip-path:polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); &::before { content: \"\"; position: absolute; inset: var(--border); background: var(--wp--preset--color--tertiary); clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); z-index:-1;}" + } +} diff --git a/styles/block-presets/group/prism-1/item-card-1/align-start/preset.json b/styles/block-presets/group/prism-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..f8f30bc --- /dev/null +++ b/styles/block-presets/group/prism-1/item-card-1/align-start/preset.json @@ -0,0 +1,51 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Item Card 1 Align Start", + "slug": "ext-preset--group--prism-1--item-card-1--align-start", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + }, + "padding": { + "top": "var:preset|spacing|30", + "right": "var:preset|spacing|30", + "left": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "overflow: hidden;--clip:32px; --border:1px; position:relative; background:rgba(34, 34, 34, 0.4) !important; padding:1px; clip-path:polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); &::before { content: \"\"; position: absolute; inset: var(--border); background: var(--wp--preset--color--tertiary); clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); z-index:-1;} " + } +} diff --git a/styles/block-presets/group/prism-1/section/preset.json b/styles/block-presets/group/prism-1/section/preset.json new file mode 100644 index 0000000..4c18b11 --- /dev/null +++ b/styles/block-presets/group/prism-1/section/preset.json @@ -0,0 +1,13 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Section 1", + "slug": "ext-preset--group--prism-1--section", + "blockTypes": ["core/group"], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "css": "&.has-tertiary-background-color { clip-path: polygon( 48px 0, 0 48px, 0 calc(100% - 48px), 48px 100%, calc(100% - 48px) 100%, 100% calc(100% - 48px), 100% 48px, calc(100% - 48px) 0 ); }" + } +} diff --git a/styles/block-presets/group/wave-1/item-card-1/align-center/preset.json b/styles/block-presets/group/wave-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..336659f --- /dev/null +++ b/styles/block-presets/group/wave-1/item-card-1/align-center/preset.json @@ -0,0 +1,56 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Item Card 1 Align Center", + "slug": "ext-preset--group--wave-1--item-card-1--align-center", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "4px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + }, + "padding": { + "top": "var:preset|spacing|30", + "right": "var:preset|spacing|30", + "left": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem", + "textAlign": "center" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small", + "textAlign": "center" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/wave-1/item-card-1/align-start/preset.json b/styles/block-presets/group/wave-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..62af029 --- /dev/null +++ b/styles/block-presets/group/wave-1/item-card-1/align-start/preset.json @@ -0,0 +1,54 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Item Card 1 Align Start", + "slug": "ext-preset--group--wave-1--item-card-1--align-start", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "4px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + }, + "padding": { + "top": "var:preset|spacing|30", + "right": "var:preset|spacing|30", + "left": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/wave-1/section/preset.json b/styles/block-presets/group/wave-1/section/preset.json new file mode 100644 index 0000000..c8b0ed9 --- /dev/null +++ b/styles/block-presets/group/wave-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Section 1", + "slug": "ext-preset--group--wave-1--section", + "blockTypes": ["core/group"], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, +"css": "&.has-tertiary-background-color{position:relative;--wave-h:clamp(32px,calc(100vw*114/1440),280px);--wave-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 114'%3E%3Cpath fill='white' d='M312 85.9675C503.25 85.9676 577.125 -53.4458 772.875 22.8019C968.625 99.0496 1135.12 59.0567 1250.62 59.0567C1366.12 59.0567 1440 114 1440 114H0V22.802C0 22.802 120.75 85.9675 312 85.9675Z'/%3E%3C/svg%3E\");margin-block:var(--wave-h)!important;}&.has-tertiary-background-color::before{content:\"\";position:absolute;width:100vw;left:50%;height:var(--wave-h);background-color:var(--wp--preset--color--tertiary);-webkit-mask:var(--wave-mask) no-repeat center/100% 100%;mask:var(--wave-mask) no-repeat center/100% 100%;bottom:100%;transform:translateX(-50%);pointer-events:none;}&.has-tertiary-background-color::after{content:\"\";position:absolute;width:100vw;left:50%;height:var(--wave-h);background-color:var(--wp--preset--color--tertiary);-webkit-mask:var(--wave-mask) no-repeat center/100% 100%;mask:var(--wave-mask) no-repeat center/100% 100%;top:100%;transform:translateX(-50%) scaleY(-1);pointer-events:none;}" } +} diff --git a/styles/block-presets/image/matrix-1/image-1/content-any/preset.json b/styles/block-presets/image/matrix-1/image-1/content-any/preset.json new file mode 100644 index 0000000..69ac8d5 --- /dev/null +++ b/styles/block-presets/image/matrix-1/image-1/content-any/preset.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Content Anywhere of Image", + "slug": "ext-preset--image--matrix-1--image-1--content-any", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "spacing": { + "padding": { + "top": "16px", + "right": "16px", + "bottom": "16px", + "left": "16px" + } + }, + "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);" + } +} diff --git a/styles/block-presets/image/matrix-1/image-1/content-bottom/preset.json b/styles/block-presets/image/matrix-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..317c18c --- /dev/null +++ b/styles/block-presets/image/matrix-1/image-1/content-bottom/preset.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Content Below of Image", + "slug": "ext-preset--image--matrix-1--image-1--content-bottom", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "spacing": { + "padding": { + "top": "16px", + "right": "16px", + "bottom": "16px", + "left": "16px" + } + }, + "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);" + } +} \ No newline at end of file diff --git a/styles/block-presets/image/matrix-1/image-1/content-left/preset.json b/styles/block-presets/image/matrix-1/image-1/content-left/preset.json new file mode 100644 index 0000000..c3ef2a9 --- /dev/null +++ b/styles/block-presets/image/matrix-1/image-1/content-left/preset.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Content Left of Image", + "slug": "ext-preset--image--matrix-1--image-1--content-left", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "spacing": { + "padding": { + "top": "16px", + "right": "16px", + "bottom": "16px", + "left": "16px" + } + }, + "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);" + } +} \ No newline at end of file diff --git a/styles/block-presets/image/matrix-1/image-1/content-right/preset.json b/styles/block-presets/image/matrix-1/image-1/content-right/preset.json new file mode 100644 index 0000000..470faa2 --- /dev/null +++ b/styles/block-presets/image/matrix-1/image-1/content-right/preset.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Content Right of Image", + "slug": "ext-preset--image--matrix-1--image-1--content-right", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "spacing": { + "padding": { + "top": "16px", + "right": "16px", + "bottom": "16px", + "left": "16px" + } + }, + "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);" + } +} \ No newline at end of file diff --git a/styles/block-presets/image/matrix-1/image-1/content-top/preset.json b/styles/block-presets/image/matrix-1/image-1/content-top/preset.json new file mode 100644 index 0000000..cde4384 --- /dev/null +++ b/styles/block-presets/image/matrix-1/image-1/content-top/preset.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Content Above of Image", + "slug": "ext-preset--image--matrix-1--image-1--content-top", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "spacing": { + "padding": { + "top": "16px", + "right": "16px", + "bottom": "16px", + "left": "16px" + } + }, + "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);" + } +} \ No newline at end of file diff --git a/styles/block-presets/image/prism-1/image-1/content-any/preset.json b/styles/block-presets/image/prism-1/image-1/content-any/preset.json new file mode 100644 index 0000000..72162e2 --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-any/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Content Anywhere of Image", + "slug": "ext-preset--image--prism-1--image-1--content-any", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "css": "--clip:32px;--border:1px;position:relative;padding:12px;background:rgba(34,34,34,0.4);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));&::before{content:\"\";position:absolute;top:var(--border);left:var(--border);right:var(--border);bottom:var(--border);background:var(--wp--preset--color--background);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));z-index:1;}& img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;clip-path:inherit;}" + } +} diff --git a/styles/block-presets/image/prism-1/image-1/content-bottom/preset.json b/styles/block-presets/image/prism-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..56a1c5f --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-bottom/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Content Below of Image", + "slug": "ext-preset--image--prism-1--image-1--content-bottom", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "css": "--clip:32px;--border:1px;position:relative;padding:12px;background:rgba(34,34,34,0.4);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));&::before{content:\"\";position:absolute;top:var(--border);left:var(--border);right:var(--border);bottom:var(--border);background:var(--wp--preset--color--background);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));z-index:1;}& img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;clip-path:inherit;}" + } +} \ No newline at end of file diff --git a/styles/block-presets/image/prism-1/image-1/content-left/preset.json b/styles/block-presets/image/prism-1/image-1/content-left/preset.json new file mode 100644 index 0000000..2cdefae --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-left/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Content Left of Image", + "slug": "ext-preset--image--prism-1--image-1--content-left", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "css": "--clip:32px;--border:1px;position:relative;padding:12px;background:rgba(34,34,34,0.4);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));&::before{content:\"\";position:absolute;top:var(--border);left:var(--border);right:var(--border);bottom:var(--border);background:var(--wp--preset--color--background);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));z-index:1;}& img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;clip-path:inherit;}" + } +} diff --git a/styles/block-presets/image/prism-1/image-1/content-right/preset.json b/styles/block-presets/image/prism-1/image-1/content-right/preset.json new file mode 100644 index 0000000..e11f827 --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-right/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Content Right of Image", + "slug": "ext-preset--image--prism-1--image-1--content-right", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "css": "--clip:32px;--border:1px;position:relative;padding:12px;background:rgba(34,34,34,0.4);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));&::before{content:\"\";position:absolute;top:var(--border);left:var(--border);right:var(--border);bottom:var(--border);background:var(--wp--preset--color--background);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));z-index:1;}& img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;clip-path:inherit;}" + } +} diff --git a/styles/block-presets/image/prism-1/image-1/content-top/preset.json b/styles/block-presets/image/prism-1/image-1/content-top/preset.json new file mode 100644 index 0000000..ece2dd4 --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-top/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Content Above of Image", + "slug": "ext-preset--image--prism-1--image-1--content-top", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "css": "--clip:32px;--border:1px;position:relative;padding:12px;background:rgba(34,34,34,0.4);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));&::before{content:\"\";position:absolute;top:var(--border);left:var(--border);right:var(--border);bottom:var(--border);background:var(--wp--preset--color--background);clip-path:polygon(0 0,calc(100% - var(--clip)) 0,100% var(--clip),100% 100%,var(--clip) 100%,0 calc(100% - var(--clip)));z-index:1;}& img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;clip-path:inherit;}" + } +} diff --git a/styles/block-presets/image/wave-1/image-1/content-any/preset.json b/styles/block-presets/image/wave-1/image-1/content-any/preset.json new file mode 100644 index 0000000..b188446 --- /dev/null +++ b/styles/block-presets/image/wave-1/image-1/content-any/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Content Anywhere of Image", + "slug": "ext-preset--image--wave-1--image-1--content-any", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "border": { + "radius": "4px" + } + } +} \ No newline at end of file diff --git a/styles/block-presets/image/wave-1/image-1/content-bottom/preset.json b/styles/block-presets/image/wave-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..2464413 --- /dev/null +++ b/styles/block-presets/image/wave-1/image-1/content-bottom/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Content Below of Image", + "slug": "ext-preset--image--wave-1--image-1--content-bottom", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "border": { + "radius": "4px" + } + } +} \ No newline at end of file diff --git a/styles/block-presets/image/wave-1/image-1/content-left/preset.json b/styles/block-presets/image/wave-1/image-1/content-left/preset.json new file mode 100644 index 0000000..2e10eb4 --- /dev/null +++ b/styles/block-presets/image/wave-1/image-1/content-left/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Content Left of Image", + "slug": "ext-preset--image--wave-1--image-1--content-left", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "border": { + "radius": "4px" + } + } +} \ No newline at end of file diff --git a/styles/block-presets/image/wave-1/image-1/content-right/preset.json b/styles/block-presets/image/wave-1/image-1/content-right/preset.json new file mode 100644 index 0000000..5963897 --- /dev/null +++ b/styles/block-presets/image/wave-1/image-1/content-right/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Content Right of Image", + "slug": "ext-preset--image--wave-1--image-1--content-right", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "border": { + "radius": "4px" + } + } +} \ No newline at end of file diff --git a/styles/block-presets/image/wave-1/image-1/content-top/preset.json b/styles/block-presets/image/wave-1/image-1/content-top/preset.json new file mode 100644 index 0000000..d4c1096 --- /dev/null +++ b/styles/block-presets/image/wave-1/image-1/content-top/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Content Above of Image", + "slug": "ext-preset--image--wave-1--image-1--content-top", + "blockTypes": ["core/image", "core/cover"], + "styles": { + "border": { + "radius": "4px" + } + } +} \ No newline at end of file diff --git a/styles/block-presets/media-text/matrix-1/card-1/preset.json b/styles/block-presets/media-text/matrix-1/card-1/preset.json new file mode 100644 index 0000000..10b1583 --- /dev/null +++ b/styles/block-presets/media-text/matrix-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Matrix 1 Item Card 1", + "slug": "ext-preset--media-text--matrix-1--card-1", + "blockTypes": ["core/media-text"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "style": "solid", + "width": "1px", + "color": "color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "padding": { + "top": "var:preset|spacing|40", + "right": "var:preset|spacing|40", + "left": "var:preset|spacing|40", + "bottom": "var:preset|spacing|40" + } + } + } + }, + "css": "& { overflow: hidden; height: 100%;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } " + } +} diff --git a/styles/block-presets/media-text/prism-1/card-1/preset.json b/styles/block-presets/media-text/prism-1/card-1/preset.json new file mode 100644 index 0000000..1d791fe --- /dev/null +++ b/styles/block-presets/media-text/prism-1/card-1/preset.json @@ -0,0 +1,36 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Prism 1 Item Card 1", + "slug": "ext-preset--media-text--prism-1--card-1", + "blockTypes": ["core/media-text"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "padding": { + "top": "var:preset|spacing|40", + "right": "var:preset|spacing|40", + "left": "var:preset|spacing|40", + "bottom": "var:preset|spacing|40" + } + } + } + }, + "css": "overflow: hidden; height: 100%; --clip:32px; --border:1px; position:relative; background:rgba(34, 34, 34, 0.4) !important; padding:1px; clip-path:polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); &::before { content: \"\"; position: absolute; inset: var(--border); background: var(--wp--preset--color--tertiary); clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); z-index:-1;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important;}" + } +} diff --git a/styles/block-presets/media-text/wave-1/card-1/preset.json b/styles/block-presets/media-text/wave-1/card-1/preset.json new file mode 100644 index 0000000..2c4d191 --- /dev/null +++ b/styles/block-presets/media-text/wave-1/card-1/preset.json @@ -0,0 +1,36 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Wave 1 Item Card 1", + "slug": "ext-preset--media-text--wave-1--card-1", + "blockTypes": ["core/media-text"], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "4px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "padding": { + "top": "var:preset|spacing|40", + "right": "var:preset|spacing|40", + "left": "var:preset|spacing|40", + "bottom": "var:preset|spacing|40" + } + } + } + }, + "css": "& { overflow: hidden; height: 100%;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; }" + } +}