From 41ebc1f18b6877409a18a0b645c44a418e90220c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 13 Jan 2026 07:03:43 +0500 Subject: [PATCH 1/4] Add new vibes --- style.css | 8 ++- .../button/prism-1/button-1/preset.json | 13 +++++ .../button/wave-1/button-1/preset.json | 12 ++++ .../group/matrix-1/section/preset.json | 12 ++++ .../item-card-1/align-center/preset.json | 53 ++++++++++++++++++ .../item-card-1/align-start/preset.json | 51 +++++++++++++++++ .../group/prism-1/section/preset.json | 13 +++++ .../item-card-1/align-center/preset.json | 56 +++++++++++++++++++ .../item-card-1/align-start/preset.json | 54 ++++++++++++++++++ .../group/wave-1/section/preset.json | 12 ++++ .../prism-1/image-1/content-any/preset.json | 10 ++++ .../image-1/content-bottom/preset.json | 13 +++++ .../prism-1/image-1/content-left/preset.json | 13 +++++ .../prism-1/image-1/content-right/preset.json | 13 +++++ .../prism-1/image-1/content-top/preset.json | 13 +++++ .../wave-1/image-1/content-any/preset.json | 12 ++++ .../wave-1/image-1/content-bottom/preset.json | 12 ++++ .../wave-1/image-1/content-left/preset.json | 12 ++++ .../wave-1/image-1/content-right/preset.json | 12 ++++ .../wave-1/image-1/content-top/preset.json | 12 ++++ .../media-text/prism-1/card-1/preset.json | 33 +++++++++++ .../media-text/wave-1/card-1/preset.json | 36 ++++++++++++ 22 files changed, 474 insertions(+), 1 deletion(-) create mode 100644 styles/block-presets/button/prism-1/button-1/preset.json create mode 100644 styles/block-presets/button/wave-1/button-1/preset.json create mode 100644 styles/block-presets/group/matrix-1/section/preset.json create mode 100644 styles/block-presets/group/prism-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/prism-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/prism-1/section/preset.json create mode 100644 styles/block-presets/group/wave-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/wave-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/wave-1/section/preset.json create mode 100644 styles/block-presets/image/prism-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/prism-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/prism-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/prism-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/prism-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/wave-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/wave-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/wave-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/wave-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/wave-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/prism-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/wave-1/card-1/preset.json diff --git a/style.css b/style.css index 81ad07c..73e39a6 100644 --- a/style.css +++ b/style.css @@ -371,6 +371,12 @@ 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); +} + .block-editor-block-preview__content-iframe [class*='is-style-ext-preset--group--natural-1'][class*='item-card-1'] { background-color: transparent !important; @@ -435,4 +441,4 @@ input, textarea { .lg-d-block { display: block; } -} \ 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..e32f280 --- /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)));" + } +} 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/section/preset.json b/styles/block-presets/group/matrix-1/section/preset.json new file mode 100644 index 0000000..0672f05 --- /dev/null +++ b/styles/block-presets/group/matrix-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Section 1", + "slug": "ext-preset--group--natural-1--section", + "blockTypes": ["core/group"], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} 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..2aea0ce --- /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)));}" + } +} 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..9de3e1f --- /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)));}" + } +} 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/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..e7fe6b2 --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-bottom/preset.json @@ -0,0 +1,13 @@ +{ + "$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": { + "border": { + "radius": "32px" + }, + "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..210b4eb --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-left/preset.json @@ -0,0 +1,13 @@ +{ + "$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": { + "border": { + "radius": "32px" + }, + "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..f0700ab --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-right/preset.json @@ -0,0 +1,13 @@ +{ + "$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": { + "border": { + "radius": "32px" + }, + "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..70eea2a --- /dev/null +++ b/styles/block-presets/image/prism-1/image-1/content-top/preset.json @@ -0,0 +1,13 @@ +{ + "$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": { + "border": { + "radius": "32px" + }, + "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/prism-1/card-1/preset.json b/styles/block-presets/media-text/prism-1/card-1/preset.json new file mode 100644 index 0000000..ef8a900 --- /dev/null +++ b/styles/block-presets/media-text/prism-1/card-1/preset.json @@ -0,0 +1,33 @@ +{ + "$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" + }, + "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)));} & .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; }" + } +} From f35eb91e3d79a65aaef05737abc7d1e31bfd5d58 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Wed, 14 Jan 2026 10:33:47 +0500 Subject: [PATCH 2/4] Add Matrix vibe --- .../button/matrix-1/button-1/preset.json | 13 +++++ .../item-card-1/align-center/preset.json | 58 +++++++++++++++++++ .../item-card-1/align-start/preset.json | 56 ++++++++++++++++++ .../group/matrix-1/section/preset.json | 7 ++- .../matrix-1/image-1/content-any/preset.json | 21 +++++++ .../image-1/content-bottom/preset.json | 21 +++++++ .../matrix-1/image-1/content-left/preset.json | 21 +++++++ .../image-1/content-right/preset.json | 21 +++++++ .../matrix-1/image-1/content-top/preset.json | 21 +++++++ .../media-text/matrix-1/card-1/preset.json | 38 ++++++++++++ 10 files changed, 274 insertions(+), 3 deletions(-) create mode 100644 styles/block-presets/button/matrix-1/button-1/preset.json create mode 100644 styles/block-presets/group/matrix-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/matrix-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/image/matrix-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/matrix-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/matrix-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/matrix-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/matrix-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/matrix-1/card-1/preset.json 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/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 index 0672f05..ea07fe0 100644 --- a/styles/block-presets/group/matrix-1/section/preset.json +++ b/styles/block-presets/group/matrix-1/section/preset.json @@ -1,12 +1,13 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Section 1", - "slug": "ext-preset--group--natural-1--section", + "title": "Matrix 1 Section 1", + "slug": "ext-preset--group--matrix-1--section", "blockTypes": ["core/group"], "styles": { "spacing": { "blockGap": "var(--wp--preset--spacing--30)" - } + }, + "css": "& { --natural-1-grid: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIG9wYWNpdHk9IjAuMDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utb3BhY2l0eT0iMC43IiBzdHJva2Utd2lkdGg9IjEuMjYwNyI+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI2MjQuOTk1IiB4Mj0iMTQ2MC45NiIgeTI9IjYyNC45OTUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI5NDcuNzMzIiB4Mj0iMTQ2MC45NiIgeTI9Ijk0Ny43MzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzMDIuMjU2IiB4Mj0iMTQ2MC45NiIgeTI9IjMwMi4yNTYiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI0NjMuNjI0IiB4Mj0iMTQ2MC45NiIgeTI9IjQ2My42MjQiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI3ODYuMzYyIiB4Mj0iMTQ2MC45NiIgeTI9Ijc4Ni4zNjIiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIxNDAuODg1IiB4Mj0iMTQ2MC45NiIgeTI9IjE0MC44ODUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI1NDQuMzExIiB4Mj0iMTQ2MC45NiIgeTI9IjU0NC4zMTEiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI4NjcuMDQ5IiB4Mj0iMTQ2MC45NiIgeTI9Ijg2Ny4wNDkiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIyMjEuNTczIiB4Mj0iMTQ2MC45NiIgeTI9IjIyMS41NzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzODIuOTQiIHgyPSIxNDYwLjk2IiB5Mj0iMzgyLjk0IiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNzA1LjY4MiIgeDI9IjE0NjAuOTYiIHkyPSI3MDUuNjgyIiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNjAuMjAxNyIgeDI9IjE0NjAuOTYiIHkyPSI2MC4yMDE3IiAvPgogICAgPGxpbmUgeDE9IjY0Mi4xMzgiIHkxPSItNDguODQ3NyIgeDI9IjY0Mi4xMzgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjMxOS4zOTgiIHkxPSItNDguODQ3NyIgeDI9IjMxOS4zOTgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijk2NC44NzQiIHkxPSItNDguODQ3NyIgeDI9Ijk2NC44NzQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEyODcuNjEiIHkxPSItNDguODQ3NyIgeDI9IjEyODcuNjEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjE1OC4wMjgiIHkxPSItNDguODQ3NyIgeDI9IjE1OC4wMjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjgwMy41MDQiIHkxPSItNDguODQ3NyIgeDI9IjgwMy41MDQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQ4MC43NjgiIHkxPSItNDguODQ3NyIgeDI9IjQ4MC43NjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjExMjYuMjQiIHkxPSItNDguODQ3NyIgeDI9IjExMjYuMjQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijc3LjM0NTIiIHkxPSItNDguODQ3NyIgeDI9Ijc3LjM0NTEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjcyMi44MjIiIHkxPSItNDguODQ3NyIgeDI9IjcyMi44MjIiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQwMC4wODEiIHkxPSItNDguODQ3NyIgeDI9IjQwMC4wODEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEwNDUuNTYiIHkxPSItNDguODQ3NyIgeDI9IjEwNDUuNTYiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEzNjguMyIgeTE9Ii00OC44NDc3IiB4Mj0iMTM2OC4zIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIyMzguNzE1IiB5MT0iLTQ4Ljg0NzciIHgyPSIyMzguNzE1IiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI4ODQuMTkyIiB5MT0iLTQ4Ljg0NzciIHgyPSI4ODQuMTkyIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI1NjEuNDUxIiB5MT0iLTQ4Ljg0NzciIHgyPSI1NjEuNDUxIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIxMjA2LjkzIiB5MT0iLTQ4Ljg0NzciIHgyPSIxMjA2LjkzIiB5Mj0iMTExOC41NiIgLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC41IiBmaWxsPSJjdXJyZW50Q29sb3IiPgogICAgPHJlY3QgeD0iODAzLjU2MyIgeT0iNzg2LjMwNSIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjQiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjIyMi40MyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjA4IiAvPgogICAgPHJlY3QgeD0iNDgwLjM2NyIgeT0iNDY0LjIwMyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iMTA0NS4zOSIgeT0iMzAyLjY1NiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjAzIiAvPgogICAgPHJlY3QgeD0iMzk5Ljk5NCIgeT0iMjIyLjQzIiB3aWR0aD0iODAuMjI2MiIgaGVpZ2h0PSI3OS4wODAxIiBmaWxsLW9wYWNpdHk9IjAuMTMiIC8+CiAgICA8cmVjdCB4PSIxMDQ1LjM5IiB5PSIyMjIuNDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4wOCIgLz4KICAgIDxyZWN0IHg9IjM5OS45OTQiIHk9IjQ2NC4yMDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijg2Ni41MzEiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9Ijk2NS4xNjIiIHk9IjYwLjgzMiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iODg0LjA1OSIgeT0iLTE5Ljg1NTUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjUwNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9Ijg4NC4wNTkiIHk9IjYwLjQwMjMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjAyODUiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjEzOS45MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODIuNTE4NCIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iNTkuNjgzNiIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iLTMuMjgzMiIgeT0iNjAuODI4MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iMTM5LjkxIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4Mi41MTg0IiBmaWxsLW9wYWNpdHk9IjAuMTgiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQxIiB5PSItMjAuNTQzIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4MC4yMjYyIiBmaWxsLW9wYWNpdHk9IjAuMiIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjMwMS41MDgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjEyMDYuOTkiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICA8L2c+Cjwvc3ZnPg==\"); background-color: var(--wp--preset--color--background); 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(--natural-1-grid); background-size: cover; background-position: center; } &.has-tertiary-background-color { background-color: var(--wp--preset--color--tertiary); 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(--natural-1-grid); }" } } 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..52dc368 --- /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..a1eefb5 --- /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..096b53c --- /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..782cc36 --- /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..fb429f8 --- /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/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; } " + } +} From 827135697ebd358cbe7a584282a018383c6b83b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Thu, 15 Jan 2026 06:25:16 +0500 Subject: [PATCH 3/4] Fix vibes --- style.css | 7 +++++-- styles/block-presets/group/matrix-1/section/preset.json | 2 +- .../group/prism-1/item-card-1/align-center/preset.json | 2 +- .../group/prism-1/item-card-1/align-start/preset.json | 2 +- .../image/matrix-1/image-1/content-any/preset.json | 2 +- .../image/matrix-1/image-1/content-bottom/preset.json | 2 +- .../image/matrix-1/image-1/content-left/preset.json | 2 +- .../image/matrix-1/image-1/content-right/preset.json | 2 +- .../image/matrix-1/image-1/content-top/preset.json | 2 +- .../image/prism-1/image-1/content-bottom/preset.json | 3 --- .../image/prism-1/image-1/content-left/preset.json | 3 --- .../image/prism-1/image-1/content-right/preset.json | 3 --- .../image/prism-1/image-1/content-top/preset.json | 3 --- styles/block-presets/media-text/prism-1/card-1/preset.json | 5 ++++- 14 files changed, 17 insertions(+), 23 deletions(-) diff --git a/style.css b/style.css index 73e39a6..91d0fe5 100644 --- a/style.css +++ b/style.css @@ -374,13 +374,16 @@ input, textarea { :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); + 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 @@ -441,4 +444,4 @@ input, textarea { .lg-d-block { display: block; } -} +} \ No newline at end of file diff --git a/styles/block-presets/group/matrix-1/section/preset.json b/styles/block-presets/group/matrix-1/section/preset.json index ea07fe0..b645333 100644 --- a/styles/block-presets/group/matrix-1/section/preset.json +++ b/styles/block-presets/group/matrix-1/section/preset.json @@ -8,6 +8,6 @@ "spacing": { "blockGap": "var(--wp--preset--spacing--30)" }, - "css": "& { --natural-1-grid: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIG9wYWNpdHk9IjAuMDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utb3BhY2l0eT0iMC43IiBzdHJva2Utd2lkdGg9IjEuMjYwNyI+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI2MjQuOTk1IiB4Mj0iMTQ2MC45NiIgeTI9IjYyNC45OTUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI5NDcuNzMzIiB4Mj0iMTQ2MC45NiIgeTI9Ijk0Ny43MzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzMDIuMjU2IiB4Mj0iMTQ2MC45NiIgeTI9IjMwMi4yNTYiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI0NjMuNjI0IiB4Mj0iMTQ2MC45NiIgeTI9IjQ2My42MjQiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI3ODYuMzYyIiB4Mj0iMTQ2MC45NiIgeTI9Ijc4Ni4zNjIiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIxNDAuODg1IiB4Mj0iMTQ2MC45NiIgeTI9IjE0MC44ODUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI1NDQuMzExIiB4Mj0iMTQ2MC45NiIgeTI9IjU0NC4zMTEiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI4NjcuMDQ5IiB4Mj0iMTQ2MC45NiIgeTI9Ijg2Ny4wNDkiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIyMjEuNTczIiB4Mj0iMTQ2MC45NiIgeTI9IjIyMS41NzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzODIuOTQiIHgyPSIxNDYwLjk2IiB5Mj0iMzgyLjk0IiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNzA1LjY4MiIgeDI9IjE0NjAuOTYiIHkyPSI3MDUuNjgyIiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNjAuMjAxNyIgeDI9IjE0NjAuOTYiIHkyPSI2MC4yMDE3IiAvPgogICAgPGxpbmUgeDE9IjY0Mi4xMzgiIHkxPSItNDguODQ3NyIgeDI9IjY0Mi4xMzgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjMxOS4zOTgiIHkxPSItNDguODQ3NyIgeDI9IjMxOS4zOTgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijk2NC44NzQiIHkxPSItNDguODQ3NyIgeDI9Ijk2NC44NzQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEyODcuNjEiIHkxPSItNDguODQ3NyIgeDI9IjEyODcuNjEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjE1OC4wMjgiIHkxPSItNDguODQ3NyIgeDI9IjE1OC4wMjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjgwMy41MDQiIHkxPSItNDguODQ3NyIgeDI9IjgwMy41MDQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQ4MC43NjgiIHkxPSItNDguODQ3NyIgeDI9IjQ4MC43NjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjExMjYuMjQiIHkxPSItNDguODQ3NyIgeDI9IjExMjYuMjQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijc3LjM0NTIiIHkxPSItNDguODQ3NyIgeDI9Ijc3LjM0NTEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjcyMi44MjIiIHkxPSItNDguODQ3NyIgeDI9IjcyMi44MjIiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQwMC4wODEiIHkxPSItNDguODQ3NyIgeDI9IjQwMC4wODEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEwNDUuNTYiIHkxPSItNDguODQ3NyIgeDI9IjEwNDUuNTYiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEzNjguMyIgeTE9Ii00OC44NDc3IiB4Mj0iMTM2OC4zIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIyMzguNzE1IiB5MT0iLTQ4Ljg0NzciIHgyPSIyMzguNzE1IiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI4ODQuMTkyIiB5MT0iLTQ4Ljg0NzciIHgyPSI4ODQuMTkyIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI1NjEuNDUxIiB5MT0iLTQ4Ljg0NzciIHgyPSI1NjEuNDUxIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIxMjA2LjkzIiB5MT0iLTQ4Ljg0NzciIHgyPSIxMjA2LjkzIiB5Mj0iMTExOC41NiIgLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC41IiBmaWxsPSJjdXJyZW50Q29sb3IiPgogICAgPHJlY3QgeD0iODAzLjU2MyIgeT0iNzg2LjMwNSIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjQiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjIyMi40MyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjA4IiAvPgogICAgPHJlY3QgeD0iNDgwLjM2NyIgeT0iNDY0LjIwMyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iMTA0NS4zOSIgeT0iMzAyLjY1NiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjAzIiAvPgogICAgPHJlY3QgeD0iMzk5Ljk5NCIgeT0iMjIyLjQzIiB3aWR0aD0iODAuMjI2MiIgaGVpZ2h0PSI3OS4wODAxIiBmaWxsLW9wYWNpdHk9IjAuMTMiIC8+CiAgICA8cmVjdCB4PSIxMDQ1LjM5IiB5PSIyMjIuNDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4wOCIgLz4KICAgIDxyZWN0IHg9IjM5OS45OTQiIHk9IjQ2NC4yMDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijg2Ni41MzEiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9Ijk2NS4xNjIiIHk9IjYwLjgzMiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iODg0LjA1OSIgeT0iLTE5Ljg1NTUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjUwNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9Ijg4NC4wNTkiIHk9IjYwLjQwMjMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjAyODUiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjEzOS45MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODIuNTE4NCIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iNTkuNjgzNiIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iLTMuMjgzMiIgeT0iNjAuODI4MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iMTM5LjkxIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4Mi41MTg0IiBmaWxsLW9wYWNpdHk9IjAuMTgiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQxIiB5PSItMjAuNTQzIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4MC4yMjYyIiBmaWxsLW9wYWNpdHk9IjAuMiIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjMwMS41MDgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjEyMDYuOTkiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICA8L2c+Cjwvc3ZnPg==\"); background-color: var(--wp--preset--color--background); 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(--natural-1-grid); background-size: cover; background-position: center; } &.has-tertiary-background-color { background-color: var(--wp--preset--color--tertiary); 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(--natural-1-grid); }" + "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/prism-1/item-card-1/align-center/preset.json b/styles/block-presets/group/prism-1/item-card-1/align-center/preset.json index 2aea0ce..74c5d31 100644 --- 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 @@ -48,6 +48,6 @@ } } }, - "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)));}" + "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)));} & * {position:relative; z-index:2;}" } } 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 index 9de3e1f..df5ecdb 100644 --- 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 @@ -46,6 +46,6 @@ } } }, - "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)));}" + "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)));} & * {position:relative; z-index:2;}" } } 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 index 52dc368..69ac8d5 100644 --- 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 @@ -16,6 +16,6 @@ "left": "16px" } }, - "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);}" + "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 index a1eefb5..317c18c 100644 --- 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 @@ -16,6 +16,6 @@ "left": "16px" } }, - "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);}" + "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 index 096b53c..c3ef2a9 100644 --- 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 @@ -16,6 +16,6 @@ "left": "16px" } }, - "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);}" + "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 index 782cc36..470faa2 100644 --- 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 @@ -16,6 +16,6 @@ "left": "16px" } }, - "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);}" + "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 index fb429f8..cde4384 100644 --- 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 @@ -16,6 +16,6 @@ "left": "16px" } }, - "css": "border:solid 1px color-mix(in srgb, var(--wp--preset--color--foreground) 8%, transparent);}" + "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-bottom/preset.json b/styles/block-presets/image/prism-1/image-1/content-bottom/preset.json index e7fe6b2..56a1c5f 100644 --- 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 @@ -5,9 +5,6 @@ "slug": "ext-preset--image--prism-1--image-1--content-bottom", "blockTypes": ["core/image", "core/cover"], "styles": { - "border": { - "radius": "32px" - }, "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 index 210b4eb..2cdefae 100644 --- 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 @@ -5,9 +5,6 @@ "slug": "ext-preset--image--prism-1--image-1--content-left", "blockTypes": ["core/image", "core/cover"], "styles": { - "border": { - "radius": "32px" - }, "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 index f0700ab..e11f827 100644 --- 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 @@ -5,9 +5,6 @@ "slug": "ext-preset--image--prism-1--image-1--content-right", "blockTypes": ["core/image", "core/cover"], "styles": { - "border": { - "radius": "32px" - }, "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 index 70eea2a..ece2dd4 100644 --- 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 @@ -5,9 +5,6 @@ "slug": "ext-preset--image--prism-1--image-1--content-top", "blockTypes": ["core/image", "core/cover"], "styles": { - "border": { - "radius": "32px" - }, "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/media-text/prism-1/card-1/preset.json b/styles/block-presets/media-text/prism-1/card-1/preset.json index ef8a900..8565520 100644 --- a/styles/block-presets/media-text/prism-1/card-1/preset.json +++ b/styles/block-presets/media-text/prism-1/card-1/preset.json @@ -8,6 +8,9 @@ "color": { "background": "var:preset|color|tertiary" }, + "border": { + "radius": "0" + }, "spacing": { "padding": { "top": "0", @@ -28,6 +31,6 @@ } } }, - "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)));} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; }" + "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)));} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .wp-block-media-text__media{position:relative; z-index:2;}" } } From 6d1ea203eaf1f6a368701e052ecca52eefa220ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Thu, 15 Jan 2026 07:58:55 +0500 Subject: [PATCH 4/4] fix vibes --- styles/block-presets/button/prism-1/button-1/preset.json | 2 +- .../group/natural-1/item-card-1/align-center/preset.json | 4 +--- .../group/natural-1/item-card-1/align-start/preset.json | 4 +--- .../group/prism-1/item-card-1/align-center/preset.json | 2 +- .../group/prism-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/media-text/prism-1/card-1/preset.json | 2 +- 6 files changed, 6 insertions(+), 10 deletions(-) diff --git a/styles/block-presets/button/prism-1/button-1/preset.json b/styles/block-presets/button/prism-1/button-1/preset.json index e32f280..05f867f 100644 --- a/styles/block-presets/button/prism-1/button-1/preset.json +++ b/styles/block-presets/button/prism-1/button-1/preset.json @@ -8,6 +8,6 @@ "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)));" + "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/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 index 74c5d31..644c1c7 100644 --- 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 @@ -48,6 +48,6 @@ } } }, - "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)));} & * {position:relative; z-index:2;}" + "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 index df5ecdb..f8f30bc 100644 --- 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 @@ -46,6 +46,6 @@ } } }, - "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)));} & * {position:relative; z-index:2;}" + "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/media-text/prism-1/card-1/preset.json b/styles/block-presets/media-text/prism-1/card-1/preset.json index 8565520..1d791fe 100644 --- a/styles/block-presets/media-text/prism-1/card-1/preset.json +++ b/styles/block-presets/media-text/prism-1/card-1/preset.json @@ -31,6 +31,6 @@ } } }, - "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)));} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .wp-block-media-text__media{position:relative; z-index:2;}" + "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;}" } }