From baa61850c8ee4248f7e599c1f41a8e30d222e6a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Wed, 22 Jul 2026 03:55:38 +0500 Subject: [PATCH 01/48] Add design tokens --- theme.json | 232 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 225 insertions(+), 7 deletions(-) diff --git a/theme.json b/theme.json index 77c2de6..ee39ba8 100644 --- a/theme.json +++ b/theme.json @@ -147,6 +147,154 @@ ] }, "custom": { + "color": { + "neutral-50": "color-mix(in oklab, #F7F7F7, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-100": "color-mix(in oklab, #ECECEC, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-200": "color-mix(in oklab, #DADADA, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-300": "color-mix(in oklab, #C3C3C3, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-400": "color-mix(in oklab, #A7A7A7, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-500": "color-mix(in oklab, #8C8C8C, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-600": "color-mix(in oklab, #797979, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-700": "color-mix(in oklab, #656565, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-800": "color-mix(in oklab, #525252, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-900": "color-mix(in oklab, #414141, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "neutral-950": "color-mix(in oklab, #2D2D2D, var(--wp--preset--color--primary, #1A1A1A) 6%)", + "red-50": "#FFF5F3", + "red-100": "#FFE5E2", + "red-200": "#FFCCC5", + "red-300": "#FFA99F", + "red-400": "#F97C70", + "red-500": "#EA4F46", + "red-600": "#DA2B2A", + "red-700": "#BC0F18", + "red-800": "#9B0B12", + "red-900": "#791313", + "red-950": "#560D0C", + "amber-50": "#FEF6ED", + "amber-100": "#FBECDC", + "amber-200": "#F6DCBF", + "amber-300": "#F0C697", + "amber-400": "#E6AB65", + "amber-500": "#D9922F", + "amber-600": "#CB8100", + "amber-700": "#A56800", + "amber-800": "#835200", + "amber-900": "#653E00", + "amber-950": "#412600", + "green-50": "#EFFBF3", + "green-100": "#DEF4E6", + "green-200": "#C2E9D1", + "green-300": "#9BDAB5", + "green-400": "#68C794", + "green-500": "#2AB475", + "green-600": "#00A265", + "green-700": "#008552", + "green-800": "#006A40", + "green-900": "#005331", + "green-950": "#00371F", + "teal-50": "#EFFAFA", + "teal-100": "#DEF3F2", + "teal-200": "#C3E7E7", + "teal-300": "#9BD9D8", + "teal-400": "#68C6C5", + "teal-500": "#29B2B2", + "teal-600": "#00A1A2", + "teal-700": "#008484", + "teal-800": "#006969", + "teal-900": "#005151", + "teal-950": "#003435", + "base-white": "#FFFFFF", + "base-black": "#000000", + "base-yellow": "#FFC72E", + "text-strong": "var(--wp--custom--color--neutral-900)", + "text-weak": "var(--wp--custom--color--neutral-700)", + "text-weaker": "var(--wp--custom--color--neutral-500)", + "text-disabled": "var(--wp--custom--color--neutral-400)", + "text-brand": "color-mix(in oklab, var(--wp--preset--color--primary, #1A1A1A), #000000 10%)", + "text-on-brand": "var(--wp--custom--color--base-white)", + "text-error": "var(--wp--custom--color--red-700)", + "text-warning": "var(--wp--custom--color--amber-800)", + "text-success": "var(--wp--custom--color--green-800)", + "text-info": "var(--wp--custom--color--teal-800)", + "text-inverse-strong": "var(--wp--custom--color--base-white)", + "text-inverse-weak": "var(--wp--custom--color--neutral-200)", + "text-inverse-disabled": "rgba(255, 255, 255, 0.45)", + "stroke-strong": "var(--wp--custom--color--neutral-500)", + "stroke-weak": "var(--wp--custom--color--neutral-200)", + "stroke-weaker": "var(--wp--custom--color--neutral-100)", + "stroke-focus": "var(--wp--preset--color--primary, #1A1A1A)", + "stroke-brand": "var(--wp--preset--color--primary, #1A1A1A)", + "stroke-error": "var(--wp--custom--color--red-600)", + "stroke-error-weak": "var(--wp--custom--color--red-200)", + "stroke-warning": "var(--wp--custom--color--amber-600)", + "stroke-warning-weak": "var(--wp--custom--color--amber-200)", + "stroke-success": "var(--wp--custom--color--green-600)", + "stroke-success-weak": "var(--wp--custom--color--green-200)", + "stroke-info": "var(--wp--custom--color--teal-600)", + "stroke-info-weak": "var(--wp--custom--color--teal-200)", + "stroke-inverse-strong": "rgba(255, 255, 255, 0.28)", + "stroke-inverse-weak": "rgba(255, 255, 255, 0.14)", + "icon-default": "var(--wp--custom--color--neutral-600)", + "icon-brand": "var(--wp--preset--color--primary, #1A1A1A)", + "icon-disabled": "var(--wp--custom--color--neutral-400)", + "icon-error": "var(--wp--custom--color--red-600)", + "icon-warning": "var(--wp--custom--color--amber-600)", + "icon-success": "var(--wp--custom--color--green-600)", + "icon-info": "var(--wp--custom--color--teal-600)", + "icon-inverse": "var(--wp--custom--color--base-white)", + "icon-inverse-disabled": "rgba(255, 255, 255, 0.45)", + "fill-strong": "var(--wp--custom--color--neutral-900)", + "fill-weak": "var(--wp--custom--color--neutral-100)", + "fill-weaker": "var(--wp--custom--color--neutral-50)", + "fill-disabled": "var(--wp--custom--color--neutral-200)", + "fill-brand-strong": "var(--wp--preset--color--primary, #1A1A1A)", + "fill-brand-weak": "color-mix(in oklab, var(--wp--preset--color--primary, #1A1A1A), #FFFFFF 90%)", + "fill-error-strong": "var(--wp--custom--color--red-600)", + "fill-error-weak": "var(--wp--custom--color--red-50)", + "fill-warning-strong": "var(--wp--custom--color--amber-700)", + "fill-warning-weak": "var(--wp--custom--color--amber-50)", + "fill-success-strong": "var(--wp--custom--color--green-700)", + "fill-success-weak": "var(--wp--custom--color--green-50)", + "fill-info-strong": "var(--wp--custom--color--teal-700)", + "fill-info-weak": "var(--wp--custom--color--teal-50)", + "fill-inverse-strong": "var(--wp--custom--color--base-white)", + "fill-inverse-weak": "rgba(255, 255, 255, 0.12)", + "fill-white": "var(--wp--custom--color--base-white)", + "fill-yellow": "var(--wp--custom--color--base-yellow)", + "background-base": "var(--wp--custom--color--base-white)", + "background-sunken": "var(--wp--custom--color--neutral-50)", + "background-raised": "var(--wp--custom--color--base-white)", + "background-overlay": "var(--wp--custom--color--base-white)", + "overlay-scrim": "rgba(44, 44, 48, 0.55)", + "button-primary-bg": "var(--wp--preset--color--primary, #1A1A1A)", + "button-primary-bg-hover": "color-mix(in oklab, var(--wp--preset--color--primary, #1A1A1A), #000000 8%)", + "button-primary-bg-press": "color-mix(in oklab, var(--wp--preset--color--primary, #1A1A1A), #000000 16%)", + "button-primary-text": "var(--wp--custom--color--text-on-brand)", + "button-secondary-bg": "var(--wp--custom--color--background-raised)", + "button-secondary-bg-hover": "var(--wp--custom--color--fill-weak)", + "button-secondary-text": "var(--wp--custom--color--text-strong)", + "button-secondary-stroke": "var(--wp--custom--color--stroke-strong)", + "button-ghost-text": "var(--wp--custom--color--text-brand)", + "button-ghost-bg-hover": "var(--wp--custom--color--fill-brand-weak)", + "button-destructive-bg": "var(--wp--custom--color--red-600)", + "button-destructive-bg-hover": "var(--wp--custom--color--red-700)", + "button-disabled-bg": "var(--wp--custom--color--fill-disabled)", + "button-disabled-text": "var(--wp--custom--color--text-disabled)", + "chip-surface": "var(--wp--custom--color--fill-weak)", + "chip-ink": "var(--wp--custom--color--text-strong)", + "cover-scrim-uniform": "rgba(44, 44, 48, 0.5)", + "cover-scrim-start": "linear-gradient(to right, rgba(44, 44, 48, 0.82), rgba(44, 44, 48, 0.55) 45%, rgba(44, 44, 48, 0.12))", + "cover-scrim-end": "linear-gradient(to left, rgba(44, 44, 48, 0.82), rgba(44, 44, 48, 0.55) 45%, rgba(44, 44, 48, 0.12))", + "cover-scrim-bottom": "linear-gradient(to top, rgba(44, 44, 48, 0.85), rgba(44, 44, 48, 0.4) 38%, rgba(44, 44, 48, 0) 78%)", + "button-on-media-bg": "var(--wp--custom--color--base-white)", + "button-on-media-bg-hover": "rgba(255, 255, 255, 0.9)", + "button-on-media-text": "var(--wp--custom--color--neutral-950)" + }, + "radius": { + "md": "8px", + "lg": "12px" + }, + "space-scale": "1", "blocks": { "core/table": { "variantStripes": { @@ -238,37 +386,37 @@ { "slug": "20", "name": "X-Small", - "size": "1rem" + "size": "calc(1rem * var(--wp--custom--space-scale, 1))" }, { "slug": "30", "name": "Small", - "size": "clamp(1.5rem, 6vw, 2rem)" + "size": "calc(clamp(1.5rem, 6vw, 2rem) * var(--wp--custom--space-scale, 1))" }, { "slug": "40", "name": "Medium", - "size": "clamp(2rem, 8vw, 3rem)" + "size": "calc(clamp(2rem, 8vw, 3rem) * var(--wp--custom--space-scale, 1))" }, { "slug": "50", "name": "Large", - "size": "clamp(2.5rem, 8vw, 4rem)" + "size": "calc(clamp(2.5rem, 8vw, 4rem) * var(--wp--custom--space-scale, 1))" }, { "slug": "55", "name": "X-Large", - "size": "clamp(3rem, 12vw, 5rem)" + "size": "calc(clamp(3rem, 12vw, 5rem) * var(--wp--custom--space-scale, 1))" }, { "slug": "60", "name": "XX-Large", - "size": "clamp(3.5rem, 10vw, 6rem)" + "size": "calc(clamp(3.5rem, 10vw, 6rem) * var(--wp--custom--space-scale, 1))" }, { "slug": "70", "name": "Huge", - "size": "clamp(4rem, 15vw, 7rem)" + "size": "calc(clamp(4rem, 15vw, 7rem) * var(--wp--custom--space-scale, 1))" } ], "units": ["%", "px", "em", "rem", "vh", "vw"] @@ -734,6 +882,51 @@ } ], "fontSizes": [ + { + "slug": "heading-1", + "name": "Heading 1", + "size": "clamp(2.25rem, 1.939rem + 1.326vw, 3rem)" + }, + { + "slug": "heading-2", + "name": "Heading 2", + "size": "clamp(1.75rem, 1.543rem + 0.884vw, 2.25rem)" + }, + { + "slug": "heading-3", + "name": "Heading 3", + "size": "clamp(1.5rem, 1.345rem + 0.663vw, 1.875rem)" + }, + { + "slug": "heading-4", + "name": "Heading 4", + "size": "clamp(1.25rem, 1.146rem + 0.442vw, 1.5rem)" + }, + { + "slug": "heading-5", + "name": "Heading 5", + "size": "clamp(1.125rem, 1.073rem + 0.221vw, 1.25rem)" + }, + { + "slug": "heading-6", + "name": "Heading 6", + "size": "clamp(1rem, 0.948rem + 0.221vw, 1.125rem)" + }, + { + "slug": "regular", + "name": "Regular", + "size": "1rem" + }, + { + "slug": "tiny", + "name": "Tiny", + "size": "0.75rem" + }, + { + "slug": "eyebrow", + "name": "Eyebrow", + "size": "0.875rem" + }, { "fluid": false, "size": "1rem", @@ -773,6 +966,31 @@ }, "shadow": { "presets": [ + { + "slug": "sm", + "name": "Shadow sm", + "shadow": "0 1px 2px rgba(44, 44, 48, 0.06)" + }, + { + "slug": "base", + "name": "Shadow base", + "shadow": "0 1px 3px rgba(44, 44, 48, 0.08), 0 1px 2px rgba(44, 44, 48, 0.05)" + }, + { + "slug": "md", + "name": "Shadow md", + "shadow": "0 4px 8px -2px rgba(44, 44, 48, 0.08), 0 2px 4px -2px rgba(44, 44, 48, 0.05)" + }, + { + "slug": "lg", + "name": "Shadow lg", + "shadow": "0 12px 24px -6px rgba(44, 44, 48, 0.1), 0 4px 8px -4px rgba(44, 44, 48, 0.05)" + }, + { + "slug": "xl", + "name": "Shadow xl", + "shadow": "0 24px 48px -12px rgba(44, 44, 48, 0.14)" + }, { "name": "Brutalism", "slug": "brutalism", From 0031ad1ea4de9496fd053039cd972ab48dad0cae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 25 Jul 2026 06:02:38 +0500 Subject: [PATCH 02/48] Design tokens: semantic palette aliases, dieted picker, block-style preset families MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Semantic color roles (text-strong/weak/brand, background-base) join the palette as aliases of each variation's own foreground/background/primary, so every style variation — dark included — re-inks them from its own colors. Role swatches are hidden from the picker (label-based editor CSS, same mechanism as the existing block-style hiding). Adds the generated block-preset families, colors, and typography variations. --- functions.php | 27 +++++ .../button/atelier-1/button-1/preset.json | 18 +++ .../button/citrus-1/button-1/preset.json | 18 +++ .../button/haven-1/button-1/preset.json | 18 +++ .../button/lattice-ghost/preset.json | 11 ++ .../button/lattice-link/preset.json | 10 ++ .../button/lattice-secondary/preset.json | 13 +++ .../button/lattice-small/preset.json | 11 ++ .../button/retro-1/button-1/preset.json | 18 +++ .../button/sanctuary-1/button-1/preset.json | 18 +++ .../atelier-1/cover-overlay-1/preset.json | 32 ++++++ .../citrus-1/cover-overlay-1/preset.json | 32 ++++++ .../cover/haven-1/cover-overlay-1/preset.json | 32 ++++++ .../cover/retro-1/cover-overlay-1/preset.json | 32 ++++++ .../sanctuary-1/cover-overlay-1/preset.json | 32 ++++++ .../group/atelier-1/footer-1/preset.json | 14 +++ .../group/atelier-1/header-1/preset.json | 14 +++ .../item-card-1/align-center/preset.json | 55 +++++++++ .../item-card-1/align-start/preset.json | 53 +++++++++ .../group/atelier-1/panel-1/preset.json | 18 +++ .../atelier-1/section-intro-1/preset.json | 14 +++ .../group/atelier-1/section/preset.json | 14 +++ .../group/atelier-1/template/preset.json | 14 +++ .../group/citrus-1/footer-1/preset.json | 14 +++ .../group/citrus-1/header-1/preset.json | 14 +++ .../item-card-1/align-center/preset.json | 52 +++++++++ .../item-card-1/align-start/preset.json | 52 +++++++++ .../group/citrus-1/panel-1/preset.json | 18 +++ .../citrus-1/section-intro-1/preset.json | 15 +++ .../group/citrus-1/section/preset.json | 15 +++ .../group/citrus-1/template/preset.json | 14 +++ .../group/haven-1/footer-1/preset.json | 14 +++ .../group/haven-1/header-1/preset.json | 14 +++ .../item-card-1/align-center/preset.json | 52 +++++++++ .../item-card-1/align-start/preset.json | 52 +++++++++ .../group/haven-1/panel-1/preset.json | 18 +++ .../group/haven-1/section-intro-1/preset.json | 15 +++ .../group/haven-1/section/preset.json | 15 +++ .../group/haven-1/template/preset.json | 14 +++ .../group/lattice-section-dark/preset.json | 20 ++++ .../group/natural-1/panel-1/preset.json | 15 +++ .../natural-1/section-intro-1/preset.json | 14 +++ .../group/retro-1/footer-1/preset.json | 14 +++ .../group/retro-1/header-1/preset.json | 14 +++ .../item-card-1/align-center/preset.json | 52 +++++++++ .../item-card-1/align-start/preset.json | 50 ++++++++ .../group/retro-1/panel-1/preset.json | 18 +++ .../group/retro-1/section-intro-1/preset.json | 15 +++ .../group/retro-1/section/preset.json | 15 +++ .../group/retro-1/template/preset.json | 14 +++ .../group/sanctuary-1/footer-1/preset.json | 14 +++ .../group/sanctuary-1/header-1/preset.json | 14 +++ .../item-card-1/align-center/preset.json | 57 ++++++++++ .../item-card-1/align-start/preset.json | 55 +++++++++ .../group/sanctuary-1/panel-1/preset.json | 23 ++++ .../sanctuary-1/section-intro-1/preset.json | 15 +++ .../group/sanctuary-1/section/preset.json | 15 +++ .../group/sanctuary-1/template/preset.json | 14 +++ .../atelier-1/image-1/content-any/preset.json | 15 +++ .../image-1/content-bottom/preset.json | 15 +++ .../image-1/content-left/preset.json | 15 +++ .../image-1/content-right/preset.json | 15 +++ .../atelier-1/image-1/content-top/preset.json | 15 +++ .../citrus-1/image-1/content-any/preset.json | 15 +++ .../image-1/content-bottom/preset.json | 15 +++ .../citrus-1/image-1/content-left/preset.json | 15 +++ .../image-1/content-right/preset.json | 15 +++ .../citrus-1/image-1/content-top/preset.json | 15 +++ .../haven-1/image-1/content-any/preset.json | 15 +++ .../image-1/content-bottom/preset.json | 15 +++ .../haven-1/image-1/content-left/preset.json | 15 +++ .../haven-1/image-1/content-right/preset.json | 15 +++ .../haven-1/image-1/content-top/preset.json | 15 +++ .../retro-1/image-1/content-any/preset.json | 15 +++ .../image-1/content-bottom/preset.json | 15 +++ .../retro-1/image-1/content-left/preset.json | 15 +++ .../retro-1/image-1/content-right/preset.json | 15 +++ .../retro-1/image-1/content-top/preset.json | 15 +++ .../image-1/content-any/preset.json | 15 +++ .../image-1/content-bottom/preset.json | 15 +++ .../image-1/content-left/preset.json | 15 +++ .../image-1/content-right/preset.json | 15 +++ .../image-1/content-top/preset.json | 15 +++ .../media-text/atelier-1/card-1/preset.json | 41 +++++++ .../media-text/citrus-1/card-1/preset.json | 38 +++++++ .../media-text/haven-1/card-1/preset.json | 38 +++++++ .../media-text/retro-1/card-1/preset.json | 38 +++++++ .../media-text/sanctuary-1/card-1/preset.json | 43 +++++++ .../paragraph/atelier-1/tagline-1/preset.json | 17 +++ .../paragraph/citrus-1/tagline-1/preset.json | 32 ++++++ .../paragraph/haven-1/tagline-1/preset.json | 17 +++ .../paragraph/natural-1/tagline-1/preset.json | 17 +++ .../paragraph/retro-1/tagline-1/preset.json | 32 ++++++ .../sanctuary-1/tagline-1/preset.json | 17 +++ styles/colors/butterscotch.json | 107 ++++++++++++++++++ styles/typography/fraunces-dm-sans.json | 31 +++++ theme.json | 30 ++++- 97 files changed, 2222 insertions(+), 5 deletions(-) create mode 100644 styles/block-presets/button/atelier-1/button-1/preset.json create mode 100644 styles/block-presets/button/citrus-1/button-1/preset.json create mode 100644 styles/block-presets/button/haven-1/button-1/preset.json create mode 100644 styles/block-presets/button/lattice-ghost/preset.json create mode 100644 styles/block-presets/button/lattice-link/preset.json create mode 100644 styles/block-presets/button/lattice-secondary/preset.json create mode 100644 styles/block-presets/button/lattice-small/preset.json create mode 100644 styles/block-presets/button/retro-1/button-1/preset.json create mode 100644 styles/block-presets/button/sanctuary-1/button-1/preset.json create mode 100644 styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/haven-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/retro-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/group/atelier-1/footer-1/preset.json create mode 100644 styles/block-presets/group/atelier-1/header-1/preset.json create mode 100644 styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/atelier-1/panel-1/preset.json create mode 100644 styles/block-presets/group/atelier-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/atelier-1/section/preset.json create mode 100644 styles/block-presets/group/atelier-1/template/preset.json create mode 100644 styles/block-presets/group/citrus-1/footer-1/preset.json create mode 100644 styles/block-presets/group/citrus-1/header-1/preset.json create mode 100644 styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/citrus-1/panel-1/preset.json create mode 100644 styles/block-presets/group/citrus-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/citrus-1/section/preset.json create mode 100644 styles/block-presets/group/citrus-1/template/preset.json create mode 100644 styles/block-presets/group/haven-1/footer-1/preset.json create mode 100644 styles/block-presets/group/haven-1/header-1/preset.json create mode 100644 styles/block-presets/group/haven-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/haven-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/haven-1/panel-1/preset.json create mode 100644 styles/block-presets/group/haven-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/haven-1/section/preset.json create mode 100644 styles/block-presets/group/haven-1/template/preset.json create mode 100644 styles/block-presets/group/lattice-section-dark/preset.json create mode 100644 styles/block-presets/group/natural-1/panel-1/preset.json create mode 100644 styles/block-presets/group/natural-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/retro-1/footer-1/preset.json create mode 100644 styles/block-presets/group/retro-1/header-1/preset.json create mode 100644 styles/block-presets/group/retro-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/retro-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/retro-1/panel-1/preset.json create mode 100644 styles/block-presets/group/retro-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/retro-1/section/preset.json create mode 100644 styles/block-presets/group/retro-1/template/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/footer-1/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/header-1/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/panel-1/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/section/preset.json create mode 100644 styles/block-presets/group/sanctuary-1/template/preset.json create mode 100644 styles/block-presets/image/atelier-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/atelier-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/atelier-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/atelier-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/citrus-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/citrus-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/citrus-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/citrus-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/haven-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/haven-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/haven-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/haven-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/haven-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/retro-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/retro-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/retro-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/retro-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/retro-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/atelier-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/citrus-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/haven-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/retro-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/sanctuary-1/card-1/preset.json create mode 100644 styles/block-presets/paragraph/atelier-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/citrus-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/haven-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/natural-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/retro-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json create mode 100644 styles/colors/butterscotch.json create mode 100644 styles/typography/fraunces-dm-sans.json diff --git a/functions.php b/functions.php index 5525348..2879ee5 100644 --- a/functions.php +++ b/functions.php @@ -360,6 +360,33 @@ function extendable_hide_block_style_variations() { } add_action( 'enqueue_block_editor_assets', 'extendable_hide_block_style_variations' ); +/** + * Lattice (Task 107): hide the four semantic color swatches — Background base, + * Text strong, Text weak, Text brand — from the editor color picker while keeping + * them registered in settings.color.palette so compiled Lattice patterns still + * resolve them. Sibling of extendable_hide_block_style_variations() above: same + * editor-CSS approach, here targeting the color-picker options by their palette + * labels so the user sees only the six stock swatches (no duplicate base/tag colors). + */ +function lattice_hide_semantic_color_swatches() { + $css = ' + .components-circular-option-picker__option-wrapper:has([aria-label*="Background base"]), + .components-circular-option-picker__option-wrapper:has([aria-label*="Text strong"]), + .components-circular-option-picker__option-wrapper:has([aria-label*="Text weak"]), + .components-circular-option-picker__option-wrapper:has([aria-label*="Text brand"]), + .components-circular-option-picker__option[aria-label*="Background base"], + .components-circular-option-picker__option[aria-label*="Text strong"], + .components-circular-option-picker__option[aria-label*="Text weak"], + .components-circular-option-picker__option[aria-label*="Text brand"] { + display: none !important; + } + '; + + wp_add_inline_style('wp-edit-blocks', $css); + wp_add_inline_style('wp-edit-site', $css); +} +add_action( 'enqueue_block_editor_assets', 'lattice_hide_semantic_color_swatches' ); + /** * Hide block style variations from site editor style panel */ diff --git a/styles/block-presets/button/atelier-1/button-1/preset.json b/styles/block-presets/button/atelier-1/button-1/preset.json new file mode 100644 index 0000000..1d4295a --- /dev/null +++ b/styles/block-presets/button/atelier-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Button 1", + "slug": "ext-preset--button--atelier-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/button/citrus-1/button-1/preset.json b/styles/block-presets/button/citrus-1/button-1/preset.json new file mode 100644 index 0000000..eb9399b --- /dev/null +++ b/styles/block-presets/button/citrus-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Button 1", + "slug": "ext-preset--button--citrus-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "8px" + } + } +} diff --git a/styles/block-presets/button/haven-1/button-1/preset.json b/styles/block-presets/button/haven-1/button-1/preset.json new file mode 100644 index 0000000..82629b2 --- /dev/null +++ b/styles/block-presets/button/haven-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Button 1", + "slug": "ext-preset--button--haven-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} diff --git a/styles/block-presets/button/lattice-ghost/preset.json b/styles/block-presets/button/lattice-ghost/preset.json new file mode 100644 index 0000000..ddd4eac --- /dev/null +++ b/styles/block-presets/button/lattice-ghost/preset.json @@ -0,0 +1,11 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Ghost", + "slug": "lattice-ghost", + "blockTypes": ["core/button"], + "styles": { + "color": { "text": "var:preset|color|foreground", "background": "transparent" }, + ":hover": { "color": { "background": "var:preset|color|tertiary" } } + } +} diff --git a/styles/block-presets/button/lattice-link/preset.json b/styles/block-presets/button/lattice-link/preset.json new file mode 100644 index 0000000..ba31d98 --- /dev/null +++ b/styles/block-presets/button/lattice-link/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Link", + "slug": "lattice-link", + "blockTypes": ["core/button"], + "styles": { + "css": "& { padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--wp--preset--color--primary) !important; text-decoration: underline !important; }" + } +} diff --git a/styles/block-presets/button/lattice-secondary/preset.json b/styles/block-presets/button/lattice-secondary/preset.json new file mode 100644 index 0000000..3d0063b --- /dev/null +++ b/styles/block-presets/button/lattice-secondary/preset.json @@ -0,0 +1,13 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Secondary", + "slug": "lattice-secondary", + "blockTypes": ["core/button"], + "styles": { + "color": { "text": "var:preset|color|foreground", "background": "transparent" }, + "border": { "color": "var:preset|color|foreground", "width": "1px", "style": "solid" }, + "spacing": { "padding": { "top": "calc(0.667em + 1px)", "bottom": "calc(0.667em + 1px)", "left": "calc(1.333em + 1px)", "right": "calc(1.333em + 1px)" } }, + ":hover": { "color": { "background": "var:preset|color|tertiary" } } + } +} diff --git a/styles/block-presets/button/lattice-small/preset.json b/styles/block-presets/button/lattice-small/preset.json new file mode 100644 index 0000000..9de258c --- /dev/null +++ b/styles/block-presets/button/lattice-small/preset.json @@ -0,0 +1,11 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Small", + "slug": "lattice-small", + "blockTypes": ["core/button"], + "styles": { + "typography": { "fontSize": "var:preset|font-size|small" }, + "spacing": { "padding": { "top": "8px", "right": "16px", "bottom": "8px", "left": "16px" } } + } +} diff --git a/styles/block-presets/button/retro-1/button-1/preset.json b/styles/block-presets/button/retro-1/button-1/preset.json new file mode 100644 index 0000000..df9ebab --- /dev/null +++ b/styles/block-presets/button/retro-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Button 1", + "slug": "ext-preset--button--retro-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} diff --git a/styles/block-presets/button/sanctuary-1/button-1/preset.json b/styles/block-presets/button/sanctuary-1/button-1/preset.json new file mode 100644 index 0000000..ca022dd --- /dev/null +++ b/styles/block-presets/button/sanctuary-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Button 1", + "slug": "ext-preset--button--sanctuary-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json b/styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..aa924fc --- /dev/null +++ b/styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Overlay 1", + "slug": "ext-preset--cover--atelier-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json b/styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..5c4137d --- /dev/null +++ b/styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Overlay 1", + "slug": "ext-preset--cover--citrus-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/haven-1/cover-overlay-1/preset.json b/styles/block-presets/cover/haven-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..a2c7c01 --- /dev/null +++ b/styles/block-presets/cover/haven-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Overlay 1", + "slug": "ext-preset--cover--haven-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..caf7e95 --- /dev/null +++ b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Overlay 1", + "slug": "ext-preset--cover--retro-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json b/styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..292e5a8 --- /dev/null +++ b/styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Overlay 1", + "slug": "ext-preset--cover--sanctuary-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/group/atelier-1/footer-1/preset.json b/styles/block-presets/group/atelier-1/footer-1/preset.json new file mode 100644 index 0000000..03645a9 --- /dev/null +++ b/styles/block-presets/group/atelier-1/footer-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Footer 1", + "slug": "ext-preset--group--atelier-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/atelier-1/header-1/preset.json b/styles/block-presets/group/atelier-1/header-1/preset.json new file mode 100644 index 0000000..e774eb4 --- /dev/null +++ b/styles/block-presets/group/atelier-1/header-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Header 1", + "slug": "ext-preset--group--atelier-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json b/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..379cf2e --- /dev/null +++ b/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Item Card 1 Align Center", + "slug": "ext-preset--group--atelier-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|base" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json b/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..09b2ca5 --- /dev/null +++ b/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json @@ -0,0 +1,53 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Item Card 1 Align Start", + "slug": "ext-preset--group--atelier-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|base" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/atelier-1/panel-1/preset.json b/styles/block-presets/group/atelier-1/panel-1/preset.json new file mode 100644 index 0000000..c9da37e --- /dev/null +++ b/styles/block-presets/group/atelier-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Panel 1", + "slug": "ext-preset--group--atelier-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|base" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/atelier-1/section-intro-1/preset.json b/styles/block-presets/group/atelier-1/section-intro-1/preset.json new file mode 100644 index 0000000..9f9f65a --- /dev/null +++ b/styles/block-presets/group/atelier-1/section-intro-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Section Intro 1", + "slug": "ext-preset--group--atelier-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "typography": { + "textAlign": "start" + } + } +} diff --git a/styles/block-presets/group/atelier-1/section/preset.json b/styles/block-presets/group/atelier-1/section/preset.json new file mode 100644 index 0000000..0fdea8c --- /dev/null +++ b/styles/block-presets/group/atelier-1/section/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Section", + "slug": "ext-preset--group--atelier-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/atelier-1/template/preset.json b/styles/block-presets/group/atelier-1/template/preset.json new file mode 100644 index 0000000..7f5f991 --- /dev/null +++ b/styles/block-presets/group/atelier-1/template/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Template", + "slug": "ext-preset--group--atelier-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/citrus-1/footer-1/preset.json b/styles/block-presets/group/citrus-1/footer-1/preset.json new file mode 100644 index 0000000..7f1b9d2 --- /dev/null +++ b/styles/block-presets/group/citrus-1/footer-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Footer 1", + "slug": "ext-preset--group--citrus-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/citrus-1/header-1/preset.json b/styles/block-presets/group/citrus-1/header-1/preset.json new file mode 100644 index 0000000..7745a21 --- /dev/null +++ b/styles/block-presets/group/citrus-1/header-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Header 1", + "slug": "ext-preset--group--citrus-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json b/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..7227236 --- /dev/null +++ b/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Item Card 1 Align Center", + "slug": "ext-preset--group--citrus-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json b/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..c246a7d --- /dev/null +++ b/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Item Card 1 Align Start", + "slug": "ext-preset--group--citrus-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/citrus-1/panel-1/preset.json b/styles/block-presets/group/citrus-1/panel-1/preset.json new file mode 100644 index 0000000..1e1c244 --- /dev/null +++ b/styles/block-presets/group/citrus-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Panel 1", + "slug": "ext-preset--group--citrus-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/citrus-1/section-intro-1/preset.json b/styles/block-presets/group/citrus-1/section-intro-1/preset.json new file mode 100644 index 0000000..8daef3b --- /dev/null +++ b/styles/block-presets/group/citrus-1/section-intro-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Section Intro 1", + "slug": "ext-preset--group--citrus-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "typography": { + "textAlign": "center" + }, + "css": "& .wp-block-buttons { justify-content: center; }" + } +} diff --git a/styles/block-presets/group/citrus-1/section/preset.json b/styles/block-presets/group/citrus-1/section/preset.json new file mode 100644 index 0000000..959dca9 --- /dev/null +++ b/styles/block-presets/group/citrus-1/section/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Section", + "slug": "ext-preset--group--citrus-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "css": "& .ext-section-intro { text-align: center; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; }" + } +} diff --git a/styles/block-presets/group/citrus-1/template/preset.json b/styles/block-presets/group/citrus-1/template/preset.json new file mode 100644 index 0000000..b503ebf --- /dev/null +++ b/styles/block-presets/group/citrus-1/template/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Template", + "slug": "ext-preset--group--citrus-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/haven-1/footer-1/preset.json b/styles/block-presets/group/haven-1/footer-1/preset.json new file mode 100644 index 0000000..f14a712 --- /dev/null +++ b/styles/block-presets/group/haven-1/footer-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Footer 1", + "slug": "ext-preset--group--haven-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/haven-1/header-1/preset.json b/styles/block-presets/group/haven-1/header-1/preset.json new file mode 100644 index 0000000..112a9ec --- /dev/null +++ b/styles/block-presets/group/haven-1/header-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Header 1", + "slug": "ext-preset--group--haven-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json b/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..e952583 --- /dev/null +++ b/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Item Card 1 Align Center", + "slug": "ext-preset--group--haven-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json b/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..403b938 --- /dev/null +++ b/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Item Card 1 Align Start", + "slug": "ext-preset--group--haven-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/haven-1/panel-1/preset.json b/styles/block-presets/group/haven-1/panel-1/preset.json new file mode 100644 index 0000000..8d27d51 --- /dev/null +++ b/styles/block-presets/group/haven-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Panel 1", + "slug": "ext-preset--group--haven-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/haven-1/section-intro-1/preset.json b/styles/block-presets/group/haven-1/section-intro-1/preset.json new file mode 100644 index 0000000..a719ac2 --- /dev/null +++ b/styles/block-presets/group/haven-1/section-intro-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Section Intro 1", + "slug": "ext-preset--group--haven-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "typography": { + "textAlign": "center" + }, + "css": "& .wp-block-buttons { justify-content: center; }" + } +} diff --git a/styles/block-presets/group/haven-1/section/preset.json b/styles/block-presets/group/haven-1/section/preset.json new file mode 100644 index 0000000..e041218 --- /dev/null +++ b/styles/block-presets/group/haven-1/section/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Section", + "slug": "ext-preset--group--haven-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "css": "& .ext-section-intro { text-align: center; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-base-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-base-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-base-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; }" + } +} diff --git a/styles/block-presets/group/haven-1/template/preset.json b/styles/block-presets/group/haven-1/template/preset.json new file mode 100644 index 0000000..b20d2e4 --- /dev/null +++ b/styles/block-presets/group/haven-1/template/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Template", + "slug": "ext-preset--group--haven-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/lattice-section-dark/preset.json b/styles/block-presets/group/lattice-section-dark/preset.json new file mode 100644 index 0000000..5bbae08 --- /dev/null +++ b/styles/block-presets/group/lattice-section-dark/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Section Dark", + "slug": "lattice-section-dark", + "blockTypes": ["core/group"], + "styles": { + "color": { + "background": "var:preset|color|foreground", + "text": "var:preset|color|background" + }, + "blocks": { + "core/heading": { "color": { "text": "var:preset|color|background" } }, + "core/paragraph": { "color": { "text": "var:preset|color|background" } }, + "core/button": { + "color": { "background": "var:preset|color|background", "text": "var:preset|color|foreground" } + } + } + } +} diff --git a/styles/block-presets/group/natural-1/panel-1/preset.json b/styles/block-presets/group/natural-1/panel-1/preset.json new file mode 100644 index 0000000..ceaf4d3 --- /dev/null +++ b/styles/block-presets/group/natural-1/panel-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Panel 1", + "slug": "ext-preset--group--natural-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/natural-1/section-intro-1/preset.json b/styles/block-presets/group/natural-1/section-intro-1/preset.json new file mode 100644 index 0000000..a6b333d --- /dev/null +++ b/styles/block-presets/group/natural-1/section-intro-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Section Intro 1", + "slug": "ext-preset--group--natural-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "typography": { + "textAlign": "start" + } + } +} diff --git a/styles/block-presets/group/retro-1/footer-1/preset.json b/styles/block-presets/group/retro-1/footer-1/preset.json new file mode 100644 index 0000000..e090a25 --- /dev/null +++ b/styles/block-presets/group/retro-1/footer-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Footer 1", + "slug": "ext-preset--group--retro-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/retro-1/header-1/preset.json b/styles/block-presets/group/retro-1/header-1/preset.json new file mode 100644 index 0000000..4a8f8c6 --- /dev/null +++ b/styles/block-presets/group/retro-1/header-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Header 1", + "slug": "ext-preset--group--retro-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..98da74b --- /dev/null +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Item Card 1 Align Center", + "slug": "ext-preset--group--retro-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..ce37af6 --- /dev/null +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Item Card 1 Align Start", + "slug": "ext-preset--group--retro-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/retro-1/panel-1/preset.json b/styles/block-presets/group/retro-1/panel-1/preset.json new file mode 100644 index 0000000..be0915c --- /dev/null +++ b/styles/block-presets/group/retro-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Panel 1", + "slug": "ext-preset--group--retro-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/retro-1/section-intro-1/preset.json b/styles/block-presets/group/retro-1/section-intro-1/preset.json new file mode 100644 index 0000000..3148392 --- /dev/null +++ b/styles/block-presets/group/retro-1/section-intro-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Section Intro 1", + "slug": "ext-preset--group--retro-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "typography": { + "textAlign": "center" + }, + "css": "& .wp-block-buttons { justify-content: center; }" + } +} diff --git a/styles/block-presets/group/retro-1/section/preset.json b/styles/block-presets/group/retro-1/section/preset.json new file mode 100644 index 0000000..3210279 --- /dev/null +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Section", + "slug": "ext-preset--group--retro-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "css": "& .ext-section-intro { text-align: center; }" + } +} diff --git a/styles/block-presets/group/retro-1/template/preset.json b/styles/block-presets/group/retro-1/template/preset.json new file mode 100644 index 0000000..a427d3c --- /dev/null +++ b/styles/block-presets/group/retro-1/template/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Template", + "slug": "ext-preset--group--retro-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/sanctuary-1/footer-1/preset.json b/styles/block-presets/group/sanctuary-1/footer-1/preset.json new file mode 100644 index 0000000..3cae7f4 --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/footer-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Footer 1", + "slug": "ext-preset--group--sanctuary-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/sanctuary-1/header-1/preset.json b/styles/block-presets/group/sanctuary-1/header-1/preset.json new file mode 100644 index 0000000..2e74997 --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/header-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Header 1", + "slug": "ext-preset--group--sanctuary-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json b/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..53b74a0 --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json @@ -0,0 +1,57 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Item Card 1 Align Center", + "slug": "ext-preset--group--sanctuary-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": { + "topLeft": "999px", + "topRight": "999px", + "bottomRight": "0px", + "bottomLeft": "0px" + } + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json b/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..686073e --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Item Card 1 Align Start", + "slug": "ext-preset--group--sanctuary-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": { + "topLeft": "999px", + "topRight": "999px", + "bottomRight": "0px", + "bottomLeft": "0px" + } + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/sanctuary-1/panel-1/preset.json b/styles/block-presets/group/sanctuary-1/panel-1/preset.json new file mode 100644 index 0000000..47cde36 --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/panel-1/preset.json @@ -0,0 +1,23 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Panel 1", + "slug": "ext-preset--group--sanctuary-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": { + "topLeft": "999px", + "topRight": "999px", + "bottomRight": "0px", + "bottomLeft": "0px" + } + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json b/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json new file mode 100644 index 0000000..5a738af --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Section Intro 1", + "slug": "ext-preset--group--sanctuary-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "typography": { + "textAlign": "center" + }, + "css": "& .wp-block-buttons { justify-content: center; }" + } +} diff --git a/styles/block-presets/group/sanctuary-1/section/preset.json b/styles/block-presets/group/sanctuary-1/section/preset.json new file mode 100644 index 0000000..ed8e835 --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/section/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Section", + "slug": "ext-preset--group--sanctuary-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "css": "& .ext-section-intro { text-align: center; }" + } +} diff --git a/styles/block-presets/group/sanctuary-1/template/preset.json b/styles/block-presets/group/sanctuary-1/template/preset.json new file mode 100644 index 0000000..cd15a9d --- /dev/null +++ b/styles/block-presets/group/sanctuary-1/template/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Template", + "slug": "ext-preset--group--sanctuary-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + } + } +} diff --git a/styles/block-presets/image/atelier-1/image-1/content-any/preset.json b/styles/block-presets/image/atelier-1/image-1/content-any/preset.json new file mode 100644 index 0000000..7eca421 --- /dev/null +++ b/styles/block-presets/image/atelier-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Image 1 Content Any", + "slug": "ext-preset--image--atelier-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json b/styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..ebe8738 --- /dev/null +++ b/styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Image 1 Content Bottom", + "slug": "ext-preset--image--atelier-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/atelier-1/image-1/content-left/preset.json b/styles/block-presets/image/atelier-1/image-1/content-left/preset.json new file mode 100644 index 0000000..5c44e45 --- /dev/null +++ b/styles/block-presets/image/atelier-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Image 1 Content Left", + "slug": "ext-preset--image--atelier-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/atelier-1/image-1/content-right/preset.json b/styles/block-presets/image/atelier-1/image-1/content-right/preset.json new file mode 100644 index 0000000..f9cc1df --- /dev/null +++ b/styles/block-presets/image/atelier-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Image 1 Content Right", + "slug": "ext-preset--image--atelier-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/atelier-1/image-1/content-top/preset.json b/styles/block-presets/image/atelier-1/image-1/content-top/preset.json new file mode 100644 index 0000000..a90fd6f --- /dev/null +++ b/styles/block-presets/image/atelier-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Image 1 Content Top", + "slug": "ext-preset--image--atelier-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/citrus-1/image-1/content-any/preset.json b/styles/block-presets/image/citrus-1/image-1/content-any/preset.json new file mode 100644 index 0000000..72d0eb7 --- /dev/null +++ b/styles/block-presets/image/citrus-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Image 1 Content Any", + "slug": "ext-preset--image--citrus-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json b/styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..c6f7ad3 --- /dev/null +++ b/styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Image 1 Content Bottom", + "slug": "ext-preset--image--citrus-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/citrus-1/image-1/content-left/preset.json b/styles/block-presets/image/citrus-1/image-1/content-left/preset.json new file mode 100644 index 0000000..6552727 --- /dev/null +++ b/styles/block-presets/image/citrus-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Image 1 Content Left", + "slug": "ext-preset--image--citrus-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/citrus-1/image-1/content-right/preset.json b/styles/block-presets/image/citrus-1/image-1/content-right/preset.json new file mode 100644 index 0000000..dff5b49 --- /dev/null +++ b/styles/block-presets/image/citrus-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Image 1 Content Right", + "slug": "ext-preset--image--citrus-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/citrus-1/image-1/content-top/preset.json b/styles/block-presets/image/citrus-1/image-1/content-top/preset.json new file mode 100644 index 0000000..774db57 --- /dev/null +++ b/styles/block-presets/image/citrus-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Image 1 Content Top", + "slug": "ext-preset--image--citrus-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/haven-1/image-1/content-any/preset.json b/styles/block-presets/image/haven-1/image-1/content-any/preset.json new file mode 100644 index 0000000..c680f19 --- /dev/null +++ b/styles/block-presets/image/haven-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Image 1 Content Any", + "slug": "ext-preset--image--haven-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/haven-1/image-1/content-bottom/preset.json b/styles/block-presets/image/haven-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..2e03cc7 --- /dev/null +++ b/styles/block-presets/image/haven-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Image 1 Content Bottom", + "slug": "ext-preset--image--haven-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/haven-1/image-1/content-left/preset.json b/styles/block-presets/image/haven-1/image-1/content-left/preset.json new file mode 100644 index 0000000..3f367ee --- /dev/null +++ b/styles/block-presets/image/haven-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Image 1 Content Left", + "slug": "ext-preset--image--haven-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/haven-1/image-1/content-right/preset.json b/styles/block-presets/image/haven-1/image-1/content-right/preset.json new file mode 100644 index 0000000..1d3830a --- /dev/null +++ b/styles/block-presets/image/haven-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Image 1 Content Right", + "slug": "ext-preset--image--haven-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/haven-1/image-1/content-top/preset.json b/styles/block-presets/image/haven-1/image-1/content-top/preset.json new file mode 100644 index 0000000..1f15dda --- /dev/null +++ b/styles/block-presets/image/haven-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Image 1 Content Top", + "slug": "ext-preset--image--haven-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/retro-1/image-1/content-any/preset.json b/styles/block-presets/image/retro-1/image-1/content-any/preset.json new file mode 100644 index 0000000..5043ff0 --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Image 1 Content Any", + "slug": "ext-preset--image--retro-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..9d55a13 --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Image 1 Content Bottom", + "slug": "ext-preset--image--retro-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/retro-1/image-1/content-left/preset.json b/styles/block-presets/image/retro-1/image-1/content-left/preset.json new file mode 100644 index 0000000..bf322dc --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Image 1 Content Left", + "slug": "ext-preset--image--retro-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/retro-1/image-1/content-right/preset.json b/styles/block-presets/image/retro-1/image-1/content-right/preset.json new file mode 100644 index 0000000..c31737e --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Image 1 Content Right", + "slug": "ext-preset--image--retro-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/retro-1/image-1/content-top/preset.json b/styles/block-presets/image/retro-1/image-1/content-top/preset.json new file mode 100644 index 0000000..cbd5718 --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Image 1 Content Top", + "slug": "ext-preset--image--retro-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json new file mode 100644 index 0000000..9a2e4a0 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Image 1 Content Any", + "slug": "ext-preset--image--sanctuary-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..821c3b0 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Image 1 Content Bottom", + "slug": "ext-preset--image--sanctuary-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json new file mode 100644 index 0000000..a207458 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Image 1 Content Left", + "slug": "ext-preset--image--sanctuary-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json new file mode 100644 index 0000000..a8628e7 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Image 1 Content Right", + "slug": "ext-preset--image--sanctuary-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json new file mode 100644 index 0000000..7b24592 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Image 1 Content Top", + "slug": "ext-preset--image--sanctuary-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "999px 999px 0 0" + } + } +} diff --git a/styles/block-presets/media-text/atelier-1/card-1/preset.json b/styles/block-presets/media-text/atelier-1/card-1/preset.json new file mode 100644 index 0000000..696463e --- /dev/null +++ b/styles/block-presets/media-text/atelier-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Item Card 1", + "slug": "ext-preset--media-text--atelier-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|base" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--stroke-weak)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/media-text/citrus-1/card-1/preset.json b/styles/block-presets/media-text/citrus-1/card-1/preset.json new file mode 100644 index 0000000..44bb6d1 --- /dev/null +++ b/styles/block-presets/media-text/citrus-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Item Card 1", + "slug": "ext-preset--media-text--citrus-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/media-text/haven-1/card-1/preset.json b/styles/block-presets/media-text/haven-1/card-1/preset.json new file mode 100644 index 0000000..a8ff953 --- /dev/null +++ b/styles/block-presets/media-text/haven-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Item Card 1", + "slug": "ext-preset--media-text--haven-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "12px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/media-text/retro-1/card-1/preset.json b/styles/block-presets/media-text/retro-1/card-1/preset.json new file mode 100644 index 0000000..83bf51d --- /dev/null +++ b/styles/block-presets/media-text/retro-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Item Card 1", + "slug": "ext-preset--media-text--retro-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/media-text/sanctuary-1/card-1/preset.json b/styles/block-presets/media-text/sanctuary-1/card-1/preset.json new file mode 100644 index 0000000..9683a26 --- /dev/null +++ b/styles/block-presets/media-text/sanctuary-1/card-1/preset.json @@ -0,0 +1,43 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Item Card 1", + "slug": "ext-preset--media-text--sanctuary-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": { + "topLeft": "999px", + "topRight": "999px", + "bottomRight": "0px", + "bottomLeft": "0px" + } + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/paragraph/atelier-1/tagline-1/preset.json b/styles/block-presets/paragraph/atelier-1/tagline-1/preset.json new file mode 100644 index 0000000..7211519 --- /dev/null +++ b/styles/block-presets/paragraph/atelier-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Tagline 1", + "slug": "ext-preset--paragraph--atelier-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json b/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json new file mode 100644 index 0000000..a28a7d5 --- /dev/null +++ b/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Tagline 1", + "slug": "ext-preset--paragraph--citrus-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600", + "textTransform": "uppercase", + "letterSpacing": "0.05em" + }, + "color": { + "background": "var:preset|color|tertiary", + "text": "var:preset|color|foreground" + }, + "border": { + "radius": "9999px" + }, + "spacing": { + "padding": { + "top": "4px", + "bottom": "4px", + "left": "12px", + "right": "12px" + } + }, + "css": "& { display: inline-block; width: fit-content; }" + } +} diff --git a/styles/block-presets/paragraph/haven-1/tagline-1/preset.json b/styles/block-presets/paragraph/haven-1/tagline-1/preset.json new file mode 100644 index 0000000..bd90e73 --- /dev/null +++ b/styles/block-presets/paragraph/haven-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Tagline 1", + "slug": "ext-preset--paragraph--haven-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/natural-1/tagline-1/preset.json b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json new file mode 100644 index 0000000..4a837fb --- /dev/null +++ b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Tagline 1", + "slug": "ext-preset--paragraph--natural-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json new file mode 100644 index 0000000..10d2378 --- /dev/null +++ b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Tagline 1", + "slug": "ext-preset--paragraph--retro-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600", + "textTransform": "uppercase", + "letterSpacing": "0.05em" + }, + "color": { + "background": "var:preset|color|tertiary", + "text": "var:preset|color|foreground" + }, + "border": { + "radius": "9999px" + }, + "spacing": { + "padding": { + "top": "4px", + "bottom": "4px", + "left": "12px", + "right": "12px" + } + }, + "css": "& { display: inline-block; width: fit-content; transform: rotate(-2.5deg); }" + } +} diff --git a/styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json b/styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json new file mode 100644 index 0000000..1b85cba --- /dev/null +++ b/styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Tagline 1", + "slug": "ext-preset--paragraph--sanctuary-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/colors/butterscotch.json b/styles/colors/butterscotch.json new file mode 100644 index 0000000..ea65fc9 --- /dev/null +++ b/styles/colors/butterscotch.json @@ -0,0 +1,107 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "title": "Butterscotch", + "version": 3, + "settings": { + "color": { + "duotone": [ + { + "colors": ["#31190F", "#6E5C2D"], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": ["#31190F", "#FFEAB7"], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": ["#6E5C2D", "#31190F"], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": ["#31190F", "#FBF4E4"], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": ["#31190F", "#FBF4E4"], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": ["#FBF4E4", "#FFEAB7"], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "foreground", + "color": "#31190F", + "name": "Foreground" + }, + { + "slug": "background", + "color": "#FBF4E4", + "name": "Background" + }, + { + "slug": "primary", + "color": "#31190F", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#6E5C2D", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "#FFEAB7", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "#74574C", + "name": "foreground Alt" + } + ] + }, + "custom": { + "elements": { + "button": { + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--background)" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--secondary)", + "text": "var(--wp--preset--color--background)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--background)" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground-alt)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} \ No newline at end of file diff --git a/styles/typography/fraunces-dm-sans.json b/styles/typography/fraunces-dm-sans.json new file mode 100644 index 0000000..93ce1b6 --- /dev/null +++ b/styles/typography/fraunces-dm-sans.json @@ -0,0 +1,31 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "title": "Fraunces + DM Sans", + "version": 3, + "slug": "fraunces-dm-sans", + "styles": { + "typography": { + "fontFamily": "\"DM Sans\", sans-serif", + "fontWeight": "400", + "lineHeight": "1.6" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "\"Fraunces\", serif", + "fontWeight": "700", + "letterSpacing": "-0.02em", + "lineHeight": "1.1" + } + } + }, + "blocks": { + "core/quote": { + "typography": { + "fontFamily": "\"Fraunces\", serif", + "fontStyle": "italic" + } + } + } + } +} diff --git a/theme.json b/theme.json index ee39ba8..2ba5c72 100644 --- a/theme.json +++ b/theme.json @@ -114,6 +114,26 @@ } ], "palette": [ + { + "slug": "background-base", + "name": "Background base", + "color": "var(--wp--custom--color--background-base)" + }, + { + "slug": "text-strong", + "name": "Text strong", + "color": "var(--wp--custom--color--text-strong)" + }, + { + "slug": "text-weak", + "name": "Text weak", + "color": "var(--wp--custom--color--text-weak)" + }, + { + "slug": "text-brand", + "name": "Text brand", + "color": "var(--wp--custom--color--text-brand)" + }, { "slug": "background", "color": "#ffffff", @@ -206,8 +226,8 @@ "base-white": "#FFFFFF", "base-black": "#000000", "base-yellow": "#FFC72E", - "text-strong": "var(--wp--custom--color--neutral-900)", - "text-weak": "var(--wp--custom--color--neutral-700)", + "text-strong": "var(--wp--preset--color--foreground)", + "text-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--background))", "text-weaker": "var(--wp--custom--color--neutral-500)", "text-disabled": "var(--wp--custom--color--neutral-400)", "text-brand": "color-mix(in oklab, var(--wp--preset--color--primary, #1A1A1A), #000000 10%)", @@ -219,8 +239,8 @@ "text-inverse-strong": "var(--wp--custom--color--base-white)", "text-inverse-weak": "var(--wp--custom--color--neutral-200)", "text-inverse-disabled": "rgba(255, 255, 255, 0.45)", - "stroke-strong": "var(--wp--custom--color--neutral-500)", - "stroke-weak": "var(--wp--custom--color--neutral-200)", + "stroke-strong": "color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--background))", + "stroke-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--background))", "stroke-weaker": "var(--wp--custom--color--neutral-100)", "stroke-focus": "var(--wp--preset--color--primary, #1A1A1A)", "stroke-brand": "var(--wp--preset--color--primary, #1A1A1A)", @@ -261,7 +281,7 @@ "fill-inverse-weak": "rgba(255, 255, 255, 0.12)", "fill-white": "var(--wp--custom--color--base-white)", "fill-yellow": "var(--wp--custom--color--base-yellow)", - "background-base": "var(--wp--custom--color--base-white)", + "background-base": "var(--wp--preset--color--background)", "background-sunken": "var(--wp--custom--color--neutral-50)", "background-raised": "var(--wp--custom--color--base-white)", "background-overlay": "var(--wp--custom--color--base-white)", From 1a2e676ca3feccfb27175342e0f91c71b4ffc51c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 25 Jul 2026 07:16:54 +0500 Subject: [PATCH 03/48] Design tokens: palette back to the six stock colours; referential colour variations MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The token layer stops adding its own semantic swatches to settings.color.palette — the palette returns to exactly the six stock slugs (background, foreground, foreground-alt, primary, secondary, tertiary), so the editor colour picker shows those six with no duplicates and the editor-CSS that hid the extra swatches is removed (nothing left to hide). The semantic tokens stay in settings.custom.color as aliases of the stock palette (text-strong→foreground, background-base→background, a fg/bg mix for the weak inks, stroke/fill mixes), so patterns that reference them inline still re-ink from whichever style variation is active, light or dark. Adds four referential colour variations whose stock slugs point at each variation's own concrete semantic customs (foreground=var(--…--text-strong), background= var(--…--background-base), foreground-alt=var(--…--text-weak), tertiary=var(--…--background-sunken); primary/secondary concrete) — one value per variation drives both the named swatch and any inline custom-var, with the customs concrete in the same file so resolution never cycles. --- functions.php | 27 ------ styles/colors/lattice-atelier.json | 131 +++++++++++++++++++++++++++ styles/colors/lattice-citrus.json | 131 +++++++++++++++++++++++++++ styles/colors/lattice-haven.json | 131 +++++++++++++++++++++++++++ styles/colors/lattice-sanctuary.json | 131 +++++++++++++++++++++++++++ theme.json | 20 ---- 6 files changed, 524 insertions(+), 47 deletions(-) create mode 100644 styles/colors/lattice-atelier.json create mode 100644 styles/colors/lattice-citrus.json create mode 100644 styles/colors/lattice-haven.json create mode 100644 styles/colors/lattice-sanctuary.json diff --git a/functions.php b/functions.php index 2879ee5..5525348 100644 --- a/functions.php +++ b/functions.php @@ -360,33 +360,6 @@ function extendable_hide_block_style_variations() { } add_action( 'enqueue_block_editor_assets', 'extendable_hide_block_style_variations' ); -/** - * Lattice (Task 107): hide the four semantic color swatches — Background base, - * Text strong, Text weak, Text brand — from the editor color picker while keeping - * them registered in settings.color.palette so compiled Lattice patterns still - * resolve them. Sibling of extendable_hide_block_style_variations() above: same - * editor-CSS approach, here targeting the color-picker options by their palette - * labels so the user sees only the six stock swatches (no duplicate base/tag colors). - */ -function lattice_hide_semantic_color_swatches() { - $css = ' - .components-circular-option-picker__option-wrapper:has([aria-label*="Background base"]), - .components-circular-option-picker__option-wrapper:has([aria-label*="Text strong"]), - .components-circular-option-picker__option-wrapper:has([aria-label*="Text weak"]), - .components-circular-option-picker__option-wrapper:has([aria-label*="Text brand"]), - .components-circular-option-picker__option[aria-label*="Background base"], - .components-circular-option-picker__option[aria-label*="Text strong"], - .components-circular-option-picker__option[aria-label*="Text weak"], - .components-circular-option-picker__option[aria-label*="Text brand"] { - display: none !important; - } - '; - - wp_add_inline_style('wp-edit-blocks', $css); - wp_add_inline_style('wp-edit-site', $css); -} -add_action( 'enqueue_block_editor_assets', 'lattice_hide_semantic_color_swatches' ); - /** * Hide block style variations from site editor style panel */ diff --git a/styles/colors/lattice-atelier.json b/styles/colors/lattice-atelier.json new file mode 100644 index 0000000..c0aeb0c --- /dev/null +++ b/styles/colors/lattice-atelier.json @@ -0,0 +1,131 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Lattice · Oxblood", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#221A14", + "#362D27" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#221A14", + "#ECE3D2" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#362D27", + "#221A14" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#221A14", + "#F5EFE3" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#221A14", + "#221A14" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F5EFE3", + "#ECE3D2" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#221A14", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#362D27", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#221A14", + "background-base": "#F5EFE3", + "text-weak": "#615750", + "background-sunken": "#ECE3D2" + }, + "elements": { + "button": { + "color": { + "background": "#221A14", + "text": "#F5EFE3" + }, + ":hover": { + "color": { + "background": "#362D27", + "text": "#F5EFE3" + } + }, + ":focus": { + "color": { + "background": "#221A14", + "text": "#F5EFE3" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/lattice-citrus.json b/styles/colors/lattice-citrus.json new file mode 100644 index 0000000..9bf26e9 --- /dev/null +++ b/styles/colors/lattice-citrus.json @@ -0,0 +1,131 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Lattice · Marmalade", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#38266E", + "#4C3D87" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#38266E", + "#F3EEFB" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#4C3D87", + "#38266E" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#38266E", + "#FDFBF7" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#38266E", + "#38266E" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FDFBF7", + "#F3EEFB" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#38266E", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#4C3D87", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#38266E", + "background-base": "#FDFBF7", + "text-weak": "#6759A6", + "background-sunken": "#F3EEFB" + }, + "elements": { + "button": { + "color": { + "background": "#38266E", + "text": "#FDFBF7" + }, + ":hover": { + "color": { + "background": "#4C3D87", + "text": "#FDFBF7" + } + }, + ":focus": { + "color": { + "background": "#38266E", + "text": "#FDFBF7" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/lattice-haven.json b/styles/colors/lattice-haven.json new file mode 100644 index 0000000..759fe2e --- /dev/null +++ b/styles/colors/lattice-haven.json @@ -0,0 +1,131 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Lattice · Sage", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#32362B", + "#474B3F" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#32362B", + "#E3D9C9" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#474B3F", + "#32362B" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#32362B", + "#F2EDE4" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#32362B", + "#32362B" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F2EDE4", + "#E3D9C9" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#32362B", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#474B3F", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#32362B", + "background-base": "#F2EDE4", + "text-weak": "#52564A", + "background-sunken": "#E3D9C9" + }, + "elements": { + "button": { + "color": { + "background": "#32362B", + "text": "#F2EDE4" + }, + ":hover": { + "color": { + "background": "#474B3F", + "text": "#F2EDE4" + } + }, + ":focus": { + "color": { + "background": "#32362B", + "text": "#F2EDE4" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/lattice-sanctuary.json b/styles/colors/lattice-sanctuary.json new file mode 100644 index 0000000..37a062e --- /dev/null +++ b/styles/colors/lattice-sanctuary.json @@ -0,0 +1,131 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Lattice · Evergreen", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#EFE6D2", + "#D5CCB8" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#EFE6D2", + "#17403A" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#D5CCB8", + "#EFE6D2" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#EFE6D2", + "#12312B" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#EFE6D2", + "#EFE6D2" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#12312B", + "#17403A" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#EFE6D2", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#D5CCB8", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#EFE6D2", + "background-base": "#12312B", + "text-weak": "#DBD2BF", + "background-sunken": "#17403A" + }, + "elements": { + "button": { + "color": { + "background": "#EFE6D2", + "text": "#12312B" + }, + ":hover": { + "color": { + "background": "#D5CCB8", + "text": "#12312B" + } + }, + ":focus": { + "color": { + "background": "#EFE6D2", + "text": "#12312B" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/theme.json b/theme.json index 2ba5c72..d661121 100644 --- a/theme.json +++ b/theme.json @@ -114,26 +114,6 @@ } ], "palette": [ - { - "slug": "background-base", - "name": "Background base", - "color": "var(--wp--custom--color--background-base)" - }, - { - "slug": "text-strong", - "name": "Text strong", - "color": "var(--wp--custom--color--text-strong)" - }, - { - "slug": "text-weak", - "name": "Text weak", - "color": "var(--wp--custom--color--text-weak)" - }, - { - "slug": "text-brand", - "name": "Text brand", - "color": "var(--wp--custom--color--text-brand)" - }, { "slug": "background", "color": "#ffffff", From c0e02fe597f63866d70833ccda0e00430ed3bcb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 25 Jul 2026 08:32:44 +0500 Subject: [PATCH 04/48] Design tokens: three custom spacing vars (snug/cozy/block) Adds settings.custom.space-snug (8px), space-cozy (24px), and space-block (56px), each riding the existing space-scale density knob. The theme keeps all 7 spacingSizes as-is (8 would hit the editor slider's RANGE_CONTROL_MAX_SIZE ceiling); these three fill gaps the fluid presets can't hit exactly on desktop. --- theme.json | 3 +++ 1 file changed, 3 insertions(+) diff --git a/theme.json b/theme.json index d661121..0a9550d 100644 --- a/theme.json +++ b/theme.json @@ -147,6 +147,9 @@ ] }, "custom": { + "space-snug": "calc(8px * var(--wp--custom--space-scale, 1))", + "space-cozy": "calc(24px * var(--wp--custom--space-scale, 1))", + "space-block": "calc(56px * var(--wp--custom--space-scale, 1))", "color": { "neutral-50": "color-mix(in oklab, #F7F7F7, var(--wp--preset--color--primary, #1A1A1A) 6%)", "neutral-100": "color-mix(in oklab, #ECECEC, var(--wp--preset--color--primary, #1A1A1A) 6%)", From 382bf6a4706b482f18881214c198dd9facfa1072 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 25 Jul 2026 09:07:25 +0500 Subject: [PATCH 05/48] Design tokens: remove the font-size preset layer (stock scale only) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reverses the heading-1..6/regular/tiny/eyebrow additions from "Add design tokens" — patterns now speak only the theme's own five font-size slugs (small/medium/large/x-large/xx-large), same reasoning as the palette reversal: fewer moving parts in the picker, nothing for a future upstream merge to reconcile. --- theme.json | 45 --------------------------------------------- 1 file changed, 45 deletions(-) diff --git a/theme.json b/theme.json index 0a9550d..6b414b9 100644 --- a/theme.json +++ b/theme.json @@ -885,51 +885,6 @@ } ], "fontSizes": [ - { - "slug": "heading-1", - "name": "Heading 1", - "size": "clamp(2.25rem, 1.939rem + 1.326vw, 3rem)" - }, - { - "slug": "heading-2", - "name": "Heading 2", - "size": "clamp(1.75rem, 1.543rem + 0.884vw, 2.25rem)" - }, - { - "slug": "heading-3", - "name": "Heading 3", - "size": "clamp(1.5rem, 1.345rem + 0.663vw, 1.875rem)" - }, - { - "slug": "heading-4", - "name": "Heading 4", - "size": "clamp(1.25rem, 1.146rem + 0.442vw, 1.5rem)" - }, - { - "slug": "heading-5", - "name": "Heading 5", - "size": "clamp(1.125rem, 1.073rem + 0.221vw, 1.25rem)" - }, - { - "slug": "heading-6", - "name": "Heading 6", - "size": "clamp(1rem, 0.948rem + 0.221vw, 1.125rem)" - }, - { - "slug": "regular", - "name": "Regular", - "size": "1rem" - }, - { - "slug": "tiny", - "name": "Tiny", - "size": "0.75rem" - }, - { - "slug": "eyebrow", - "name": "Eyebrow", - "size": "0.875rem" - }, { "fluid": false, "size": "1rem", From a5d100a0699f061eb40a706b196a39e16338e03b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Wed, 29 Jul 2026 09:49:51 +0500 Subject: [PATCH 06/48] Add vibes and color palettes --- .../button/ext-ghost/preset.json | 20 +++ .../{lattice-link => ext-link}/preset.json | 6 +- .../button/ext-secondary/preset.json | 33 ++++ .../button/ext-small/preset.json | 22 +++ .../button/lattice-ghost/preset.json | 11 -- .../button/lattice-secondary/preset.json | 13 -- .../button/lattice-small/preset.json | 11 -- .../button/lilac-1/button-1/preset.json | 18 ++ .../button/linen-1/button-1/preset.json | 18 ++ .../button/placard-1/button-1/preset.json | 18 ++ .../button/pristine-1/button-1/preset.json | 18 ++ .../button/pulp-1/button-1/preset.json | 19 ++ .../button/rainbow-1/button-1/preset.json | 18 ++ .../button/umber-1/button-1/preset.json | 18 ++ .../button/vitreous-1/button-1/preset.json | 18 ++ .../cover/lilac-1/cover-overlay-1/preset.json | 32 ++++ .../cover/linen-1/cover-overlay-1/preset.json | 32 ++++ .../placard-1/cover-overlay-1/preset.json | 32 ++++ .../pristine-1/cover-overlay-1/preset.json | 32 ++++ .../cover/pulp-1/cover-overlay-1/preset.json | 32 ++++ .../rainbow-1/cover-overlay-1/preset.json | 32 ++++ .../cover/umber-1/cover-overlay-1/preset.json | 32 ++++ .../vitreous-1/cover-overlay-1/preset.json | 32 ++++ .../group/atelier-1/footer-1/preset.json | 4 +- .../group/atelier-1/header-1/preset.json | 4 +- .../item-card-1/align-center/preset.json | 6 +- .../item-card-1/align-start/preset.json | 6 +- .../group/atelier-1/panel-1/preset.json | 2 +- .../atelier-1/section-intro-1/preset.json | 4 +- .../group/atelier-1/section/preset.json | 4 +- .../group/atelier-1/template/preset.json | 4 +- .../group/citrus-1/footer-1/preset.json | 4 +- .../group/citrus-1/header-1/preset.json | 4 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../citrus-1/section-intro-1/preset.json | 5 +- .../group/citrus-1/section/preset.json | 5 +- .../group/citrus-1/template/preset.json | 4 +- .../group/ext-section-dark/preset.json | 33 ++++ .../group/haven-1/footer-1/preset.json | 4 +- .../group/haven-1/header-1/preset.json | 4 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/haven-1/section-intro-1/preset.json | 5 +- .../group/haven-1/section/preset.json | 5 +- .../group/haven-1/template/preset.json | 4 +- .../group/lattice-section-dark/preset.json | 20 --- .../group/lilac-1/footer-1/preset.json | 12 ++ .../group/lilac-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 52 ++++++ .../item-card-1/align-start/preset.json | 50 ++++++ .../group/lilac-1/panel-1/preset.json | 18 ++ .../group/lilac-1/section-intro-1/preset.json | 12 ++ .../group/lilac-1/section/preset.json | 12 ++ .../group/lilac-1/template/preset.json | 12 ++ .../group/linen-1/footer-1/preset.json | 12 ++ .../group/linen-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 52 ++++++ .../item-card-1/align-start/preset.json | 50 ++++++ .../group/linen-1/panel-1/preset.json | 18 ++ .../group/linen-1/section-intro-1/preset.json | 12 ++ .../group/linen-1/section/preset.json | 12 ++ .../group/linen-1/template/preset.json | 12 ++ .../group/natural-1/footer-1/preset.json | 8 +- .../group/natural-1/header-1/preset.json | 8 +- .../item-card-1/align-center/preset.json | 15 +- .../item-card-1/align-start/preset.json | 15 +- .../natural-1/section-intro-1/preset.json | 4 +- .../group/natural-1/section/preset.json | 10 +- .../group/natural-1/template/preset.json | 10 +- .../group/placard-1/footer-1/preset.json | 12 ++ .../group/placard-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 52 ++++++ .../item-card-1/align-start/preset.json | 50 ++++++ .../group/placard-1/panel-1/preset.json | 18 ++ .../placard-1/section-intro-1/preset.json | 12 ++ .../group/placard-1/section/preset.json | 12 ++ .../group/placard-1/template/preset.json | 12 ++ .../group/pristine-1/footer-1/preset.json | 12 ++ .../group/pristine-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 52 ++++++ .../item-card-1/align-start/preset.json | 50 ++++++ .../group/pristine-1/panel-1/preset.json | 18 ++ .../pristine-1/section-intro-1/preset.json | 12 ++ .../group/pristine-1/section/preset.json | 12 ++ .../group/pristine-1/template/preset.json | 12 ++ .../group/pulp-1/footer-1/preset.json | 12 ++ .../group/pulp-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 56 ++++++ .../item-card-1/align-start/preset.json | 54 ++++++ .../group/pulp-1/panel-1/preset.json | 18 ++ .../group/pulp-1/section-intro-1/preset.json | 12 ++ .../group/pulp-1/section/preset.json | 12 ++ .../group/pulp-1/template/preset.json | 12 ++ .../group/rainbow-1/footer-1/preset.json | 12 ++ .../group/rainbow-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 52 ++++++ .../item-card-1/align-start/preset.json | 52 ++++++ .../group/rainbow-1/panel-1/preset.json | 18 ++ .../rainbow-1/section-intro-1/preset.json | 12 ++ .../group/rainbow-1/section/preset.json | 12 ++ .../group/rainbow-1/template/preset.json | 12 ++ .../group/retro-1/footer-1/preset.json | 4 +- .../group/retro-1/header-1/preset.json | 4 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/retro-1/section-intro-1/preset.json | 5 +- .../group/retro-1/section/preset.json | 5 +- .../group/retro-1/template/preset.json | 4 +- .../group/sanctuary-1/footer-1/preset.json | 4 +- .../group/sanctuary-1/header-1/preset.json | 4 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../sanctuary-1/section-intro-1/preset.json | 5 +- .../group/sanctuary-1/section/preset.json | 5 +- .../group/sanctuary-1/template/preset.json | 4 +- .../group/umber-1/footer-1/preset.json | 12 ++ .../group/umber-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 55 ++++++ .../item-card-1/align-start/preset.json | 55 ++++++ .../group/umber-1/panel-1/preset.json | 18 ++ .../group/umber-1/section-intro-1/preset.json | 12 ++ .../group/umber-1/section/preset.json | 12 ++ .../group/umber-1/template/preset.json | 12 ++ .../group/vitreous-1/footer-1/preset.json | 12 ++ .../group/vitreous-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 55 ++++++ .../item-card-1/align-start/preset.json | 53 ++++++ .../group/vitreous-1/panel-1/preset.json | 18 ++ .../vitreous-1/section-intro-1/preset.json | 12 ++ .../group/vitreous-1/section/preset.json | 12 ++ .../group/vitreous-1/template/preset.json | 12 ++ .../image/atelier-1/gallery-1/preset.json | 14 ++ .../image/atelier-1/icon-1/preset.json | 10 ++ .../image/atelier-1/icon-small-1/preset.json | 10 ++ .../image/citrus-1/gallery-1/preset.json | 14 ++ .../image/citrus-1/icon-1/preset.json | 12 ++ .../image/citrus-1/icon-small-1/preset.json | 12 ++ .../image/haven-1/gallery-1/preset.json | 14 ++ .../image/haven-1/icon-1/preset.json | 10 ++ .../image/haven-1/icon-small-1/preset.json | 10 ++ .../image/lilac-1/gallery-1/preset.json | 14 ++ .../image/lilac-1/icon-1/preset.json | 10 ++ .../image/lilac-1/icon-small-1/preset.json | 10 ++ .../lilac-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../lilac-1/image-1/content-left/preset.json | 15 ++ .../lilac-1/image-1/content-right/preset.json | 15 ++ .../lilac-1/image-1/content-top/preset.json | 15 ++ .../image/linen-1/gallery-1/preset.json | 14 ++ .../image/linen-1/icon-1/preset.json | 10 ++ .../image/linen-1/icon-small-1/preset.json | 10 ++ .../linen-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../linen-1/image-1/content-left/preset.json | 15 ++ .../linen-1/image-1/content-right/preset.json | 15 ++ .../linen-1/image-1/content-top/preset.json | 15 ++ .../image/natural-1/gallery-1/preset.json | 14 ++ .../image/natural-1/icon-1/preset.json | 10 ++ .../image/natural-1/icon-small-1/preset.json | 10 ++ .../natural-1/image-1/content-any/preset.json | 9 +- .../image-1/content-bottom/preset.json | 9 +- .../image-1/content-left/preset.json | 9 +- .../image-1/content-right/preset.json | 9 +- .../natural-1/image-1/content-top/preset.json | 9 +- .../image/placard-1/gallery-1/preset.json | 14 ++ .../image/placard-1/icon-1/preset.json | 10 ++ .../image/placard-1/icon-small-1/preset.json | 10 ++ .../placard-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../image-1/content-left/preset.json | 15 ++ .../image-1/content-right/preset.json | 15 ++ .../placard-1/image-1/content-top/preset.json | 15 ++ .../image/pristine-1/gallery-1/preset.json | 14 ++ .../image/pristine-1/icon-1/preset.json | 12 ++ .../image/pristine-1/icon-small-1/preset.json | 12 ++ .../image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../image-1/content-left/preset.json | 15 ++ .../image-1/content-right/preset.json | 15 ++ .../image-1/content-top/preset.json | 15 ++ .../image/pulp-1/gallery-1/preset.json | 17 ++ .../image/pulp-1/icon-1/preset.json | 10 ++ .../image/pulp-1/icon-small-1/preset.json | 10 ++ .../pulp-1/image-1/content-any/preset.json | 18 ++ .../pulp-1/image-1/content-bottom/preset.json | 18 ++ .../pulp-1/image-1/content-left/preset.json | 18 ++ .../pulp-1/image-1/content-right/preset.json | 18 ++ .../pulp-1/image-1/content-top/preset.json | 18 ++ .../image/rainbow-1/gallery-1/preset.json | 14 ++ .../image/rainbow-1/icon-1/preset.json | 10 ++ .../image/rainbow-1/icon-small-1/preset.json | 10 ++ .../rainbow-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../image-1/content-left/preset.json | 15 ++ .../image-1/content-right/preset.json | 15 ++ .../rainbow-1/image-1/content-top/preset.json | 15 ++ .../image/retro-1/gallery-1/preset.json | 14 ++ .../image/retro-1/icon-1/preset.json | 12 ++ .../image/retro-1/icon-small-1/preset.json | 12 ++ .../image/sanctuary-1/gallery-1/preset.json | 14 ++ .../image/sanctuary-1/icon-1/preset.json | 12 ++ .../sanctuary-1/icon-small-1/preset.json | 12 ++ .../image/umber-1/gallery-1/preset.json | 14 ++ .../image/umber-1/icon-1/preset.json | 10 ++ .../image/umber-1/icon-small-1/preset.json | 10 ++ .../umber-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../umber-1/image-1/content-left/preset.json | 15 ++ .../umber-1/image-1/content-right/preset.json | 15 ++ .../umber-1/image-1/content-top/preset.json | 15 ++ .../image/vitreous-1/gallery-1/preset.json | 14 ++ .../image/vitreous-1/icon-1/preset.json | 10 ++ .../image/vitreous-1/icon-small-1/preset.json | 10 ++ .../image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../image-1/content-left/preset.json | 15 ++ .../image-1/content-right/preset.json | 15 ++ .../image-1/content-top/preset.json | 15 ++ .../media-text/atelier-1/card-1/preset.json | 6 +- .../media-text/citrus-1/card-1/preset.json | 2 +- .../media-text/haven-1/card-1/preset.json | 2 +- .../media-text/lilac-1/card-1/preset.json | 38 ++++ .../media-text/linen-1/card-1/preset.json | 38 ++++ .../media-text/natural-1/card-1/preset.json | 16 +- .../media-text/placard-1/card-1/preset.json | 38 ++++ .../media-text/pristine-1/card-1/preset.json | 38 ++++ .../media-text/pulp-1/card-1/preset.json | 41 +++++ .../media-text/rainbow-1/card-1/preset.json | 38 ++++ .../media-text/retro-1/card-1/preset.json | 2 +- .../media-text/sanctuary-1/card-1/preset.json | 2 +- .../media-text/umber-1/card-1/preset.json | 41 +++++ .../media-text/vitreous-1/card-1/preset.json | 41 +++++ .../paragraph/citrus-1/tagline-1/preset.json | 4 +- .../paragraph/lilac-1/tagline-1/preset.json | 17 ++ .../paragraph/linen-1/tagline-1/preset.json | 17 ++ .../paragraph/placard-1/tagline-1/preset.json | 17 ++ .../pristine-1/tagline-1/preset.json | 17 ++ .../paragraph/pulp-1/tagline-1/preset.json | 17 ++ .../paragraph/rainbow-1/tagline-1/preset.json | 17 ++ .../paragraph/retro-1/tagline-1/preset.json | 4 +- .../paragraph/umber-1/tagline-1/preset.json | 17 ++ .../vitreous-1/tagline-1/preset.json | 17 ++ .../atelier-1/social-1/preset.json | 15 ++ .../citrus-1/social-1/preset.json | 15 ++ .../social-links/haven-1/social-1/preset.json | 15 ++ .../social-links/lilac-1/social-1/preset.json | 15 ++ .../social-links/linen-1/social-1/preset.json | 15 ++ .../natural-1/social-1/preset.json | 15 ++ .../placard-1/social-1/preset.json | 15 ++ .../pristine-1/social-1/preset.json | 15 ++ .../social-links/pulp-1/social-1/preset.json | 15 ++ .../rainbow-1/social-1/preset.json | 15 ++ .../social-links/retro-1/social-1/preset.json | 15 ++ .../sanctuary-1/social-1/preset.json | 15 ++ .../social-links/umber-1/social-1/preset.json | 15 ++ .../vitreous-1/social-1/preset.json | 15 ++ ...tice-atelier.json => atelier-palette.json} | 13 +- styles/colors/butterscotch.json | 32 +++- ...attice-citrus.json => citrus-palette.json} | 13 +- styles/colors/ember-palette.json | 134 ++++++++++++++ styles/colors/harvest-palette.json | 134 ++++++++++++++ ...{lattice-haven.json => haven-palette.json} | 13 +- styles/colors/iris-palette.json | 134 ++++++++++++++ styles/colors/lilac-palette.json | 140 +++++++++++++++ styles/colors/linen-palette.json | 150 ++++++++++++++++ styles/colors/matcha-palette.json | 134 ++++++++++++++ styles/colors/novella-palette.json | 134 ++++++++++++++ styles/colors/orchid-palette.json | 134 ++++++++++++++ styles/colors/placard-palette.json | 155 +++++++++++++++++ styles/colors/pristine-palette.json | 145 ++++++++++++++++ styles/colors/pulp-palette.json | 150 ++++++++++++++++ styles/colors/rainbow-palette.json | 140 +++++++++++++++ styles/colors/retro-palette.json | 163 ++++++++++++++++++ ...-sanctuary.json => sanctuary-palette.json} | 13 +- styles/colors/umber-palette.json | 140 +++++++++++++++ styles/colors/vitreous-palette.json | 140 +++++++++++++++ styles/globals/atelier-globals.json | 14 ++ styles/globals/lilac-globals.json | 14 ++ styles/globals/linen-globals.json | 20 +++ styles/globals/placard-globals.json | 28 +++ styles/globals/pristine-globals.json | 25 +++ styles/globals/pulp-globals.json | 27 +++ styles/globals/rainbow-globals.json | 25 +++ styles/globals/retro-globals.json | 22 +++ styles/globals/sanctuary-globals.json | 25 +++ styles/globals/umber-globals.json | 25 +++ styles/globals/vitreous-globals.json | 14 ++ styles/typography/atelier-typography.json | 35 ++++ styles/typography/datasheet-typography.json | 33 ++++ styles/typography/editorial-typography.json | 33 ++++ styles/typography/haven-typography.json | 29 ++++ styles/typography/lilac-typography.json | 31 ++++ styles/typography/linen-typography.json | 29 ++++ styles/typography/luxury-typography.json | 32 ++++ styles/typography/modern-saas-typography.json | 31 ++++ styles/typography/neutral-typography.json | 18 ++ styles/typography/placard-typography.json | 33 ++++ styles/typography/poster-typography.json | 34 ++++ styles/typography/pristine-typography.json | 29 ++++ styles/typography/pulp-typography.json | 33 ++++ styles/typography/retro-typography.json | 33 ++++ styles/typography/ritual-typography.json | 33 ++++ styles/typography/storybook-typography.json | 34 ++++ styles/typography/tech-typography.json | 31 ++++ styles/typography/umber-typography.json | 33 ++++ styles/typography/vitreous-typography.json | 33 ++++ theme.json | 20 ++- 308 files changed, 6911 insertions(+), 250 deletions(-) create mode 100644 styles/block-presets/button/ext-ghost/preset.json rename styles/block-presets/button/{lattice-link => ext-link}/preset.json (83%) create mode 100644 styles/block-presets/button/ext-secondary/preset.json create mode 100644 styles/block-presets/button/ext-small/preset.json delete mode 100644 styles/block-presets/button/lattice-ghost/preset.json delete mode 100644 styles/block-presets/button/lattice-secondary/preset.json delete mode 100644 styles/block-presets/button/lattice-small/preset.json create mode 100644 styles/block-presets/button/lilac-1/button-1/preset.json create mode 100644 styles/block-presets/button/linen-1/button-1/preset.json create mode 100644 styles/block-presets/button/placard-1/button-1/preset.json create mode 100644 styles/block-presets/button/pristine-1/button-1/preset.json create mode 100644 styles/block-presets/button/pulp-1/button-1/preset.json create mode 100644 styles/block-presets/button/rainbow-1/button-1/preset.json create mode 100644 styles/block-presets/button/umber-1/button-1/preset.json create mode 100644 styles/block-presets/button/vitreous-1/button-1/preset.json create mode 100644 styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/linen-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/placard-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/umber-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/group/ext-section-dark/preset.json delete mode 100644 styles/block-presets/group/lattice-section-dark/preset.json create mode 100644 styles/block-presets/group/lilac-1/footer-1/preset.json create mode 100644 styles/block-presets/group/lilac-1/header-1/preset.json create mode 100644 styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/lilac-1/panel-1/preset.json create mode 100644 styles/block-presets/group/lilac-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/lilac-1/section/preset.json create mode 100644 styles/block-presets/group/lilac-1/template/preset.json create mode 100644 styles/block-presets/group/linen-1/footer-1/preset.json create mode 100644 styles/block-presets/group/linen-1/header-1/preset.json create mode 100644 styles/block-presets/group/linen-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/linen-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/linen-1/panel-1/preset.json create mode 100644 styles/block-presets/group/linen-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/linen-1/section/preset.json create mode 100644 styles/block-presets/group/linen-1/template/preset.json create mode 100644 styles/block-presets/group/placard-1/footer-1/preset.json create mode 100644 styles/block-presets/group/placard-1/header-1/preset.json create mode 100644 styles/block-presets/group/placard-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/placard-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/placard-1/panel-1/preset.json create mode 100644 styles/block-presets/group/placard-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/placard-1/section/preset.json create mode 100644 styles/block-presets/group/placard-1/template/preset.json create mode 100644 styles/block-presets/group/pristine-1/footer-1/preset.json create mode 100644 styles/block-presets/group/pristine-1/header-1/preset.json create mode 100644 styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/pristine-1/panel-1/preset.json create mode 100644 styles/block-presets/group/pristine-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/pristine-1/section/preset.json create mode 100644 styles/block-presets/group/pristine-1/template/preset.json create mode 100644 styles/block-presets/group/pulp-1/footer-1/preset.json create mode 100644 styles/block-presets/group/pulp-1/header-1/preset.json create mode 100644 styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/pulp-1/panel-1/preset.json create mode 100644 styles/block-presets/group/pulp-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/pulp-1/section/preset.json create mode 100644 styles/block-presets/group/pulp-1/template/preset.json create mode 100644 styles/block-presets/group/rainbow-1/footer-1/preset.json create mode 100644 styles/block-presets/group/rainbow-1/header-1/preset.json create mode 100644 styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/rainbow-1/panel-1/preset.json create mode 100644 styles/block-presets/group/rainbow-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/rainbow-1/section/preset.json create mode 100644 styles/block-presets/group/rainbow-1/template/preset.json create mode 100644 styles/block-presets/group/umber-1/footer-1/preset.json create mode 100644 styles/block-presets/group/umber-1/header-1/preset.json create mode 100644 styles/block-presets/group/umber-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/umber-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/umber-1/panel-1/preset.json create mode 100644 styles/block-presets/group/umber-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/umber-1/section/preset.json create mode 100644 styles/block-presets/group/umber-1/template/preset.json create mode 100644 styles/block-presets/group/vitreous-1/footer-1/preset.json create mode 100644 styles/block-presets/group/vitreous-1/header-1/preset.json create mode 100644 styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/vitreous-1/panel-1/preset.json create mode 100644 styles/block-presets/group/vitreous-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/vitreous-1/section/preset.json create mode 100644 styles/block-presets/group/vitreous-1/template/preset.json create mode 100644 styles/block-presets/image/atelier-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/atelier-1/icon-1/preset.json create mode 100644 styles/block-presets/image/atelier-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/citrus-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/citrus-1/icon-1/preset.json create mode 100644 styles/block-presets/image/citrus-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/haven-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/haven-1/icon-1/preset.json create mode 100644 styles/block-presets/image/haven-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/lilac-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/lilac-1/icon-1/preset.json create mode 100644 styles/block-presets/image/lilac-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/lilac-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/lilac-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/lilac-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/lilac-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/linen-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/linen-1/icon-1/preset.json create mode 100644 styles/block-presets/image/linen-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/linen-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/linen-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/linen-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/linen-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/linen-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/natural-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/natural-1/icon-1/preset.json create mode 100644 styles/block-presets/image/natural-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/placard-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/placard-1/icon-1/preset.json create mode 100644 styles/block-presets/image/placard-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/placard-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/placard-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/placard-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/placard-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/placard-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/pristine-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/pristine-1/icon-1/preset.json create mode 100644 styles/block-presets/image/pristine-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/pristine-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/pristine-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/pristine-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/pristine-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/pulp-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/pulp-1/icon-1/preset.json create mode 100644 styles/block-presets/image/pulp-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/pulp-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/pulp-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/pulp-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/pulp-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/rainbow-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/rainbow-1/icon-1/preset.json create mode 100644 styles/block-presets/image/rainbow-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/rainbow-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/rainbow-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/rainbow-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/rainbow-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/retro-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/retro-1/icon-1/preset.json create mode 100644 styles/block-presets/image/retro-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/icon-1/preset.json create mode 100644 styles/block-presets/image/sanctuary-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/umber-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/umber-1/icon-1/preset.json create mode 100644 styles/block-presets/image/umber-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/umber-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/umber-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/umber-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/umber-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/umber-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/image/vitreous-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/vitreous-1/icon-1/preset.json create mode 100644 styles/block-presets/image/vitreous-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/vitreous-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/vitreous-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/vitreous-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/vitreous-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/lilac-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/linen-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/placard-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/pristine-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/pulp-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/rainbow-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/umber-1/card-1/preset.json create mode 100644 styles/block-presets/media-text/vitreous-1/card-1/preset.json create mode 100644 styles/block-presets/paragraph/lilac-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/linen-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/placard-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/pristine-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/pulp-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/umber-1/tagline-1/preset.json create mode 100644 styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json create mode 100644 styles/block-presets/social-links/atelier-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/citrus-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/haven-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/lilac-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/linen-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/natural-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/placard-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/pristine-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/pulp-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/rainbow-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/retro-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/sanctuary-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/umber-1/social-1/preset.json create mode 100644 styles/block-presets/social-links/vitreous-1/social-1/preset.json rename styles/colors/{lattice-atelier.json => atelier-palette.json} (85%) rename styles/colors/{lattice-citrus.json => citrus-palette.json} (85%) create mode 100644 styles/colors/ember-palette.json create mode 100644 styles/colors/harvest-palette.json rename styles/colors/{lattice-haven.json => haven-palette.json} (85%) create mode 100644 styles/colors/iris-palette.json create mode 100644 styles/colors/lilac-palette.json create mode 100644 styles/colors/linen-palette.json create mode 100644 styles/colors/matcha-palette.json create mode 100644 styles/colors/novella-palette.json create mode 100644 styles/colors/orchid-palette.json create mode 100644 styles/colors/placard-palette.json create mode 100644 styles/colors/pristine-palette.json create mode 100644 styles/colors/pulp-palette.json create mode 100644 styles/colors/rainbow-palette.json create mode 100644 styles/colors/retro-palette.json rename styles/colors/{lattice-sanctuary.json => sanctuary-palette.json} (85%) create mode 100644 styles/colors/umber-palette.json create mode 100644 styles/colors/vitreous-palette.json create mode 100644 styles/globals/atelier-globals.json create mode 100644 styles/globals/lilac-globals.json create mode 100644 styles/globals/linen-globals.json create mode 100644 styles/globals/placard-globals.json create mode 100644 styles/globals/pristine-globals.json create mode 100644 styles/globals/pulp-globals.json create mode 100644 styles/globals/rainbow-globals.json create mode 100644 styles/globals/retro-globals.json create mode 100644 styles/globals/sanctuary-globals.json create mode 100644 styles/globals/umber-globals.json create mode 100644 styles/globals/vitreous-globals.json create mode 100644 styles/typography/atelier-typography.json create mode 100644 styles/typography/datasheet-typography.json create mode 100644 styles/typography/editorial-typography.json create mode 100644 styles/typography/haven-typography.json create mode 100644 styles/typography/lilac-typography.json create mode 100644 styles/typography/linen-typography.json create mode 100644 styles/typography/luxury-typography.json create mode 100644 styles/typography/modern-saas-typography.json create mode 100644 styles/typography/neutral-typography.json create mode 100644 styles/typography/placard-typography.json create mode 100644 styles/typography/poster-typography.json create mode 100644 styles/typography/pristine-typography.json create mode 100644 styles/typography/pulp-typography.json create mode 100644 styles/typography/retro-typography.json create mode 100644 styles/typography/ritual-typography.json create mode 100644 styles/typography/storybook-typography.json create mode 100644 styles/typography/tech-typography.json create mode 100644 styles/typography/umber-typography.json create mode 100644 styles/typography/vitreous-typography.json diff --git a/styles/block-presets/button/ext-ghost/preset.json b/styles/block-presets/button/ext-ghost/preset.json new file mode 100644 index 0000000..8f08441 --- /dev/null +++ b/styles/block-presets/button/ext-ghost/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Ghost", + "slug": "ext-ghost", + "blockTypes": [ + "core/button" + ], + "styles": { + "color": { + "text": "var:preset|color|foreground", + "background": "transparent" + }, + ":hover": { + "color": { + "background": "var:preset|color|tertiary" + } + } + } +} diff --git a/styles/block-presets/button/lattice-link/preset.json b/styles/block-presets/button/ext-link/preset.json similarity index 83% rename from styles/block-presets/button/lattice-link/preset.json rename to styles/block-presets/button/ext-link/preset.json index ba31d98..c587b54 100644 --- a/styles/block-presets/button/lattice-link/preset.json +++ b/styles/block-presets/button/ext-link/preset.json @@ -2,8 +2,10 @@ "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, "title": "Link", - "slug": "lattice-link", - "blockTypes": ["core/button"], + "slug": "ext-link", + "blockTypes": [ + "core/button" + ], "styles": { "css": "& { padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--wp--preset--color--primary) !important; text-decoration: underline !important; }" } diff --git a/styles/block-presets/button/ext-secondary/preset.json b/styles/block-presets/button/ext-secondary/preset.json new file mode 100644 index 0000000..8e9da2f --- /dev/null +++ b/styles/block-presets/button/ext-secondary/preset.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Secondary", + "slug": "ext-secondary", + "blockTypes": [ + "core/button" + ], + "styles": { + "color": { + "text": "var:preset|color|foreground", + "background": "transparent" + }, + "border": { + "color": "var:preset|color|foreground", + "width": "1px", + "style": "solid" + }, + "spacing": { + "padding": { + "top": "calc(0.667em + 1px)", + "bottom": "calc(0.667em + 1px)", + "left": "calc(1.333em + 1px)", + "right": "calc(1.333em + 1px)" + } + }, + ":hover": { + "color": { + "background": "var:preset|color|tertiary" + } + } + } +} diff --git a/styles/block-presets/button/ext-small/preset.json b/styles/block-presets/button/ext-small/preset.json new file mode 100644 index 0000000..642d3a4 --- /dev/null +++ b/styles/block-presets/button/ext-small/preset.json @@ -0,0 +1,22 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Small", + "slug": "ext-small", + "blockTypes": [ + "core/button" + ], + "styles": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "padding": { + "top": "8px", + "right": "16px", + "bottom": "8px", + "left": "16px" + } + } + } +} diff --git a/styles/block-presets/button/lattice-ghost/preset.json b/styles/block-presets/button/lattice-ghost/preset.json deleted file mode 100644 index ddd4eac..0000000 --- a/styles/block-presets/button/lattice-ghost/preset.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Ghost", - "slug": "lattice-ghost", - "blockTypes": ["core/button"], - "styles": { - "color": { "text": "var:preset|color|foreground", "background": "transparent" }, - ":hover": { "color": { "background": "var:preset|color|tertiary" } } - } -} diff --git a/styles/block-presets/button/lattice-secondary/preset.json b/styles/block-presets/button/lattice-secondary/preset.json deleted file mode 100644 index 3d0063b..0000000 --- a/styles/block-presets/button/lattice-secondary/preset.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Secondary", - "slug": "lattice-secondary", - "blockTypes": ["core/button"], - "styles": { - "color": { "text": "var:preset|color|foreground", "background": "transparent" }, - "border": { "color": "var:preset|color|foreground", "width": "1px", "style": "solid" }, - "spacing": { "padding": { "top": "calc(0.667em + 1px)", "bottom": "calc(0.667em + 1px)", "left": "calc(1.333em + 1px)", "right": "calc(1.333em + 1px)" } }, - ":hover": { "color": { "background": "var:preset|color|tertiary" } } - } -} diff --git a/styles/block-presets/button/lattice-small/preset.json b/styles/block-presets/button/lattice-small/preset.json deleted file mode 100644 index 9de258c..0000000 --- a/styles/block-presets/button/lattice-small/preset.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Small", - "slug": "lattice-small", - "blockTypes": ["core/button"], - "styles": { - "typography": { "fontSize": "var:preset|font-size|small" }, - "spacing": { "padding": { "top": "8px", "right": "16px", "bottom": "8px", "left": "16px" } } - } -} diff --git a/styles/block-presets/button/lilac-1/button-1/preset.json b/styles/block-presets/button/lilac-1/button-1/preset.json new file mode 100644 index 0000000..aaeb57c --- /dev/null +++ b/styles/block-presets/button/lilac-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Button 1", + "slug": "ext-preset--button--lilac-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/button/linen-1/button-1/preset.json b/styles/block-presets/button/linen-1/button-1/preset.json new file mode 100644 index 0000000..1b61b45 --- /dev/null +++ b/styles/block-presets/button/linen-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Button 1", + "slug": "ext-preset--button--linen-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/button/placard-1/button-1/preset.json b/styles/block-presets/button/placard-1/button-1/preset.json new file mode 100644 index 0000000..b73a4c9 --- /dev/null +++ b/styles/block-presets/button/placard-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Button 1", + "slug": "ext-preset--button--placard-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} diff --git a/styles/block-presets/button/pristine-1/button-1/preset.json b/styles/block-presets/button/pristine-1/button-1/preset.json new file mode 100644 index 0000000..2d09311 --- /dev/null +++ b/styles/block-presets/button/pristine-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Button 1", + "slug": "ext-preset--button--pristine-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/button/pulp-1/button-1/preset.json b/styles/block-presets/button/pulp-1/button-1/preset.json new file mode 100644 index 0000000..95ced4b --- /dev/null +++ b/styles/block-presets/button/pulp-1/button-1/preset.json @@ -0,0 +1,19 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Button 1", + "slug": "ext-preset--button--pulp-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + }, + "shadow": "0 0 0 3px var(--wp--custom--color--text-strong), 6px 6px 0 0 var(--wp--custom--color--text-strong)" + } +} diff --git a/styles/block-presets/button/rainbow-1/button-1/preset.json b/styles/block-presets/button/rainbow-1/button-1/preset.json new file mode 100644 index 0000000..0336abf --- /dev/null +++ b/styles/block-presets/button/rainbow-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Button 1", + "slug": "ext-preset--button--rainbow-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} diff --git a/styles/block-presets/button/umber-1/button-1/preset.json b/styles/block-presets/button/umber-1/button-1/preset.json new file mode 100644 index 0000000..eda35b1 --- /dev/null +++ b/styles/block-presets/button/umber-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Button 1", + "slug": "ext-preset--button--umber-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/button/vitreous-1/button-1/preset.json b/styles/block-presets/button/vitreous-1/button-1/preset.json new file mode 100644 index 0000000..78497fc --- /dev/null +++ b/styles/block-presets/button/vitreous-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Button 1", + "slug": "ext-preset--button--vitreous-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} diff --git a/styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json b/styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..f2ac892 --- /dev/null +++ b/styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Overlay 1", + "slug": "ext-preset--cover--lilac-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..2f5d5c5 --- /dev/null +++ b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Overlay 1", + "slug": "ext-preset--cover--linen-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/placard-1/cover-overlay-1/preset.json b/styles/block-presets/cover/placard-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..7992299 --- /dev/null +++ b/styles/block-presets/cover/placard-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Overlay 1", + "slug": "ext-preset--cover--placard-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json b/styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..2799b8e --- /dev/null +++ b/styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Overlay 1", + "slug": "ext-preset--cover--pristine-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json b/styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..c099499 --- /dev/null +++ b/styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Overlay 1", + "slug": "ext-preset--cover--pulp-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json b/styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..7306b82 --- /dev/null +++ b/styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Overlay 1", + "slug": "ext-preset--cover--rainbow-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/umber-1/cover-overlay-1/preset.json b/styles/block-presets/cover/umber-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..7e93e3b --- /dev/null +++ b/styles/block-presets/cover/umber-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Overlay 1", + "slug": "ext-preset--cover--umber-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json b/styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..cc4b125 --- /dev/null +++ b/styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Overlay 1", + "slug": "ext-preset--cover--vitreous-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/group/atelier-1/footer-1/preset.json b/styles/block-presets/group/atelier-1/footer-1/preset.json index 03645a9..9ea52d6 100644 --- a/styles/block-presets/group/atelier-1/footer-1/preset.json +++ b/styles/block-presets/group/atelier-1/footer-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/atelier-1/header-1/preset.json b/styles/block-presets/group/atelier-1/header-1/preset.json index e774eb4..50520e1 100644 --- a/styles/block-presets/group/atelier-1/header-1/preset.json +++ b/styles/block-presets/group/atelier-1/header-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json b/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json index 379cf2e..266ba23 100644 --- a/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json @@ -8,13 +8,13 @@ ], "styles": { "color": { - "background": "var:preset|color|base" + "background": "var:preset|color|background" }, "border": { "radius": "0px", "width": "1px", "style": "solid", - "color": "var(--stroke-weak)" + "color": "var(--wp--custom--color--stroke-weak)" }, "dimensions": { "minHeight": "100%" @@ -50,6 +50,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" } } diff --git a/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json b/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json index 09b2ca5..8292eb3 100644 --- a/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json @@ -8,13 +8,13 @@ ], "styles": { "color": { - "background": "var:preset|color|base" + "background": "var:preset|color|background" }, "border": { "radius": "0px", "width": "1px", "style": "solid", - "color": "var(--stroke-weak)" + "color": "var(--wp--custom--color--stroke-weak)" }, "dimensions": { "minHeight": "100%" @@ -48,6 +48,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" } } diff --git a/styles/block-presets/group/atelier-1/panel-1/preset.json b/styles/block-presets/group/atelier-1/panel-1/preset.json index c9da37e..afbecd6 100644 --- a/styles/block-presets/group/atelier-1/panel-1/preset.json +++ b/styles/block-presets/group/atelier-1/panel-1/preset.json @@ -8,7 +8,7 @@ ], "styles": { "color": { - "background": "var:preset|color|base" + "background": "var:preset|color|background" }, "border": { "radius": "0px" diff --git a/styles/block-presets/group/atelier-1/section-intro-1/preset.json b/styles/block-presets/group/atelier-1/section-intro-1/preset.json index 9f9f65a..49af71b 100644 --- a/styles/block-presets/group/atelier-1/section-intro-1/preset.json +++ b/styles/block-presets/group/atelier-1/section-intro-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "typography": { - "textAlign": "start" - } + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/atelier-1/section/preset.json b/styles/block-presets/group/atelier-1/section/preset.json index 0fdea8c..8ca2044 100644 --- a/styles/block-presets/group/atelier-1/section/preset.json +++ b/styles/block-presets/group/atelier-1/section/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" } } diff --git a/styles/block-presets/group/atelier-1/template/preset.json b/styles/block-presets/group/atelier-1/template/preset.json index 7f5f991..ba766ff 100644 --- a/styles/block-presets/group/atelier-1/template/preset.json +++ b/styles/block-presets/group/atelier-1/template/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/citrus-1/footer-1/preset.json b/styles/block-presets/group/citrus-1/footer-1/preset.json index 7f1b9d2..579899e 100644 --- a/styles/block-presets/group/citrus-1/footer-1/preset.json +++ b/styles/block-presets/group/citrus-1/footer-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/citrus-1/header-1/preset.json b/styles/block-presets/group/citrus-1/header-1/preset.json index 7745a21..212bbd9 100644 --- a/styles/block-presets/group/citrus-1/header-1/preset.json +++ b/styles/block-presets/group/citrus-1/header-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json b/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json index 7227236..43b8cc1 100644 --- a/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json b/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json index c246a7d..3a2825b 100644 --- a/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/group/citrus-1/section-intro-1/preset.json b/styles/block-presets/group/citrus-1/section-intro-1/preset.json index 8daef3b..5925b81 100644 --- a/styles/block-presets/group/citrus-1/section-intro-1/preset.json +++ b/styles/block-presets/group/citrus-1/section-intro-1/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "typography": { - "textAlign": "center" - }, - "css": "& .wp-block-buttons { justify-content: center; }" + "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/citrus-1/section/preset.json b/styles/block-presets/group/citrus-1/section/preset.json index 959dca9..fcebb01 100644 --- a/styles/block-presets/group/citrus-1/section/preset.json +++ b/styles/block-presets/group/citrus-1/section/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - }, - "css": "& .ext-section-intro { text-align: center; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; }" } } diff --git a/styles/block-presets/group/citrus-1/template/preset.json b/styles/block-presets/group/citrus-1/template/preset.json index b503ebf..8904303 100644 --- a/styles/block-presets/group/citrus-1/template/preset.json +++ b/styles/block-presets/group/citrus-1/template/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/ext-section-dark/preset.json b/styles/block-presets/group/ext-section-dark/preset.json new file mode 100644 index 0000000..ff8e178 --- /dev/null +++ b/styles/block-presets/group/ext-section-dark/preset.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Section Dark", + "slug": "ext-section-dark", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|foreground", + "text": "var:preset|color|background" + }, + "blocks": { + "core/heading": { + "color": { + "text": "var:preset|color|background" + } + }, + "core/paragraph": { + "color": { + "text": "var:preset|color|background" + } + }, + "core/button": { + "color": { + "background": "var:preset|color|background", + "text": "var:preset|color|foreground" + } + } + } + } +} diff --git a/styles/block-presets/group/haven-1/footer-1/preset.json b/styles/block-presets/group/haven-1/footer-1/preset.json index f14a712..5079c4c 100644 --- a/styles/block-presets/group/haven-1/footer-1/preset.json +++ b/styles/block-presets/group/haven-1/footer-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/haven-1/header-1/preset.json b/styles/block-presets/group/haven-1/header-1/preset.json index 112a9ec..6355ea5 100644 --- a/styles/block-presets/group/haven-1/header-1/preset.json +++ b/styles/block-presets/group/haven-1/header-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json b/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json index e952583..53e40cd 100644 --- a/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json b/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json index 403b938..7b2ae69 100644 --- a/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/group/haven-1/section-intro-1/preset.json b/styles/block-presets/group/haven-1/section-intro-1/preset.json index a719ac2..dde3dff 100644 --- a/styles/block-presets/group/haven-1/section-intro-1/preset.json +++ b/styles/block-presets/group/haven-1/section-intro-1/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "typography": { - "textAlign": "center" - }, - "css": "& .wp-block-buttons { justify-content: center; }" + "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/haven-1/section/preset.json b/styles/block-presets/group/haven-1/section/preset.json index e041218..aed53db 100644 --- a/styles/block-presets/group/haven-1/section/preset.json +++ b/styles/block-presets/group/haven-1/section/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - }, - "css": "& .ext-section-intro { text-align: center; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-base-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-base-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-base-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-base-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-base-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-base-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; }" } } diff --git a/styles/block-presets/group/haven-1/template/preset.json b/styles/block-presets/group/haven-1/template/preset.json index b20d2e4..6a9fff8 100644 --- a/styles/block-presets/group/haven-1/template/preset.json +++ b/styles/block-presets/group/haven-1/template/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/lattice-section-dark/preset.json b/styles/block-presets/group/lattice-section-dark/preset.json deleted file mode 100644 index 5bbae08..0000000 --- a/styles/block-presets/group/lattice-section-dark/preset.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Section Dark", - "slug": "lattice-section-dark", - "blockTypes": ["core/group"], - "styles": { - "color": { - "background": "var:preset|color|foreground", - "text": "var:preset|color|background" - }, - "blocks": { - "core/heading": { "color": { "text": "var:preset|color|background" } }, - "core/paragraph": { "color": { "text": "var:preset|color|background" } }, - "core/button": { - "color": { "background": "var:preset|color|background", "text": "var:preset|color|foreground" } - } - } - } -} diff --git a/styles/block-presets/group/lilac-1/footer-1/preset.json b/styles/block-presets/group/lilac-1/footer-1/preset.json new file mode 100644 index 0000000..d8f2b37 --- /dev/null +++ b/styles/block-presets/group/lilac-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Footer 1", + "slug": "ext-preset--group--lilac-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/lilac-1/header-1/preset.json b/styles/block-presets/group/lilac-1/header-1/preset.json new file mode 100644 index 0000000..8b6cbac --- /dev/null +++ b/styles/block-presets/group/lilac-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Header 1", + "slug": "ext-preset--group--lilac-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json b/styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..832bf88 --- /dev/null +++ b/styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Item Card 1 Align Center", + "slug": "ext-preset--group--lilac-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "6px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json b/styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..c220bde --- /dev/null +++ b/styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Item Card 1 Align Start", + "slug": "ext-preset--group--lilac-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "6px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/group/lilac-1/panel-1/preset.json b/styles/block-presets/group/lilac-1/panel-1/preset.json new file mode 100644 index 0000000..8118897 --- /dev/null +++ b/styles/block-presets/group/lilac-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Panel 1", + "slug": "ext-preset--group--lilac-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "6px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/lilac-1/section-intro-1/preset.json b/styles/block-presets/group/lilac-1/section-intro-1/preset.json new file mode 100644 index 0000000..fa75933 --- /dev/null +++ b/styles/block-presets/group/lilac-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Section Intro 1", + "slug": "ext-preset--group--lilac-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/lilac-1/section/preset.json b/styles/block-presets/group/lilac-1/section/preset.json new file mode 100644 index 0000000..064f7a1 --- /dev/null +++ b/styles/block-presets/group/lilac-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Section", + "slug": "ext-preset--group--lilac-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/lilac-1/template/preset.json b/styles/block-presets/group/lilac-1/template/preset.json new file mode 100644 index 0000000..2503e4d --- /dev/null +++ b/styles/block-presets/group/lilac-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Template", + "slug": "ext-preset--group--lilac-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/linen-1/footer-1/preset.json b/styles/block-presets/group/linen-1/footer-1/preset.json new file mode 100644 index 0000000..f19bab5 --- /dev/null +++ b/styles/block-presets/group/linen-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Footer 1", + "slug": "ext-preset--group--linen-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/linen-1/header-1/preset.json b/styles/block-presets/group/linen-1/header-1/preset.json new file mode 100644 index 0000000..721640a --- /dev/null +++ b/styles/block-presets/group/linen-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Header 1", + "slug": "ext-preset--group--linen-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..f38a99b --- /dev/null +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Item Card 1 Align Center", + "slug": "ext-preset--group--linen-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..fc33936 --- /dev/null +++ b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Item Card 1 Align Start", + "slug": "ext-preset--group--linen-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/linen-1/panel-1/preset.json b/styles/block-presets/group/linen-1/panel-1/preset.json new file mode 100644 index 0000000..49a0091 --- /dev/null +++ b/styles/block-presets/group/linen-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Panel 1", + "slug": "ext-preset--group--linen-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/linen-1/section-intro-1/preset.json b/styles/block-presets/group/linen-1/section-intro-1/preset.json new file mode 100644 index 0000000..21be565 --- /dev/null +++ b/styles/block-presets/group/linen-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Section Intro 1", + "slug": "ext-preset--group--linen-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/linen-1/section/preset.json b/styles/block-presets/group/linen-1/section/preset.json new file mode 100644 index 0000000..5f2f99a --- /dev/null +++ b/styles/block-presets/group/linen-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Section", + "slug": "ext-preset--group--linen-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/linen-1/template/preset.json b/styles/block-presets/group/linen-1/template/preset.json new file mode 100644 index 0000000..1b48e30 --- /dev/null +++ b/styles/block-presets/group/linen-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Template", + "slug": "ext-preset--group--linen-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/natural-1/footer-1/preset.json b/styles/block-presets/group/natural-1/footer-1/preset.json index 7b362e7..adac7b7 100644 --- a/styles/block-presets/group/natural-1/footer-1/preset.json +++ b/styles/block-presets/group/natural-1/footer-1/preset.json @@ -3,10 +3,10 @@ "version": 3, "title": "Footer 1", "slug": "ext-preset--group--natural-1--footer-1", - "blockTypes": ["core/group"], + "blockTypes": [ + "core/group" + ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 78%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 83%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 92%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/natural-1/header-1/preset.json b/styles/block-presets/group/natural-1/header-1/preset.json index fca895e..4f9005e 100644 --- a/styles/block-presets/group/natural-1/header-1/preset.json +++ b/styles/block-presets/group/natural-1/header-1/preset.json @@ -3,10 +3,10 @@ "version": 3, "title": "Header 1", "slug": "ext-preset--group--natural-1--header-1", - "blockTypes": ["core/group"], + "blockTypes": [ + "core/group" + ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 78%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 83%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 92%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-3)); }" } } 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..3366180 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 @@ -3,19 +3,12 @@ "version": 3, "title": "Item Card 1 Align Center", "slug": "ext-preset--group--natural-1--item-card-1--align-center", - "blockTypes": ["core/group"], + "blockTypes": [ + "core/group" + ], "styles": { - "color": { - "background": "transparent !important" - }, + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; }", "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "16px" - } - } - }, "core/heading": { "typography": { "fontSize": "1.5rem", 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..1cc32c8 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 @@ -3,19 +3,12 @@ "version": 3, "title": "Item Card 1 Align Start", "slug": "ext-preset--group--natural-1--item-card-1--align-start", - "blockTypes": ["core/group"], + "blockTypes": [ + "core/group" + ], "styles": { - "color": { - "background": "transparent !important" - }, + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: var(--wp--preset--spacing--30); } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; }", "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "var:preset|spacing|30" - } - } - }, "core/heading": { "typography": { "fontSize": "1.5rem" diff --git a/styles/block-presets/group/natural-1/section-intro-1/preset.json b/styles/block-presets/group/natural-1/section-intro-1/preset.json index a6b333d..bacf6ab 100644 --- a/styles/block-presets/group/natural-1/section-intro-1/preset.json +++ b/styles/block-presets/group/natural-1/section-intro-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "typography": { - "textAlign": "start" - } + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/natural-1/section/preset.json b/styles/block-presets/group/natural-1/section/preset.json index 0672f05..f01617f 100644 --- a/styles/block-presets/group/natural-1/section/preset.json +++ b/styles/block-presets/group/natural-1/section/preset.json @@ -1,12 +1,12 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Section 1", + "title": "Section", "slug": "ext-preset--group--natural-1--section", - "blockTypes": ["core/group"], + "blockTypes": [ + "core/group" + ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 78%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 83%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 92%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } " } } diff --git a/styles/block-presets/group/natural-1/template/preset.json b/styles/block-presets/group/natural-1/template/preset.json index 9226079..e24f0b3 100644 --- a/styles/block-presets/group/natural-1/template/preset.json +++ b/styles/block-presets/group/natural-1/template/preset.json @@ -1,12 +1,12 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Template 1", + "title": "Template", "slug": "ext-preset--group--natural-1--template", - "blockTypes": ["core/group"], + "blockTypes": [ + "core/group" + ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 78%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 83%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 92%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/placard-1/footer-1/preset.json b/styles/block-presets/group/placard-1/footer-1/preset.json new file mode 100644 index 0000000..d66d77c --- /dev/null +++ b/styles/block-presets/group/placard-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Footer 1", + "slug": "ext-preset--group--placard-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/placard-1/header-1/preset.json b/styles/block-presets/group/placard-1/header-1/preset.json new file mode 100644 index 0000000..de836fa --- /dev/null +++ b/styles/block-presets/group/placard-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Header 1", + "slug": "ext-preset--group--placard-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/placard-1/item-card-1/align-center/preset.json b/styles/block-presets/group/placard-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..87c2911 --- /dev/null +++ b/styles/block-presets/group/placard-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Item Card 1 Align Center", + "slug": "ext-preset--group--placard-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/placard-1/item-card-1/align-start/preset.json b/styles/block-presets/group/placard-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..fbf0bdd --- /dev/null +++ b/styles/block-presets/group/placard-1/item-card-1/align-start/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Item Card 1 Align Start", + "slug": "ext-preset--group--placard-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/placard-1/panel-1/preset.json b/styles/block-presets/group/placard-1/panel-1/preset.json new file mode 100644 index 0000000..8fb4adc --- /dev/null +++ b/styles/block-presets/group/placard-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Panel 1", + "slug": "ext-preset--group--placard-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/placard-1/section-intro-1/preset.json b/styles/block-presets/group/placard-1/section-intro-1/preset.json new file mode 100644 index 0000000..5bb62b8 --- /dev/null +++ b/styles/block-presets/group/placard-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Section Intro 1", + "slug": "ext-preset--group--placard-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/placard-1/section/preset.json b/styles/block-presets/group/placard-1/section/preset.json new file mode 100644 index 0000000..04bb3ca --- /dev/null +++ b/styles/block-presets/group/placard-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Section", + "slug": "ext-preset--group--placard-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/placard-1/template/preset.json b/styles/block-presets/group/placard-1/template/preset.json new file mode 100644 index 0000000..4c6234b --- /dev/null +++ b/styles/block-presets/group/placard-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Template", + "slug": "ext-preset--group--placard-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/pristine-1/footer-1/preset.json b/styles/block-presets/group/pristine-1/footer-1/preset.json new file mode 100644 index 0000000..066ead6 --- /dev/null +++ b/styles/block-presets/group/pristine-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Footer 1", + "slug": "ext-preset--group--pristine-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/pristine-1/header-1/preset.json b/styles/block-presets/group/pristine-1/header-1/preset.json new file mode 100644 index 0000000..9b936e5 --- /dev/null +++ b/styles/block-presets/group/pristine-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Header 1", + "slug": "ext-preset--group--pristine-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json b/styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..6b65514 --- /dev/null +++ b/styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Item Card 1 Align Center", + "slug": "ext-preset--group--pristine-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: 32px; } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: 32px; padding-right: 32px; } & > .ext-card-footer { padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } & > .ext-card-body:first-child { padding-top: 32px; } & > .ext-card-body:last-child { padding-bottom: 32px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json b/styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..78f1f42 --- /dev/null +++ b/styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Item Card 1 Align Start", + "slug": "ext-preset--group--pristine-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: 32px; } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: 32px; padding-right: 32px; } & > .ext-card-footer { padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } & > .ext-card-body:first-child { padding-top: 32px; } & > .ext-card-body:last-child { padding-bottom: 32px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/pristine-1/panel-1/preset.json b/styles/block-presets/group/pristine-1/panel-1/preset.json new file mode 100644 index 0000000..78ebfdf --- /dev/null +++ b/styles/block-presets/group/pristine-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Panel 1", + "slug": "ext-preset--group--pristine-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/pristine-1/section-intro-1/preset.json b/styles/block-presets/group/pristine-1/section-intro-1/preset.json new file mode 100644 index 0000000..aa63062 --- /dev/null +++ b/styles/block-presets/group/pristine-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Section Intro 1", + "slug": "ext-preset--group--pristine-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/pristine-1/section/preset.json b/styles/block-presets/group/pristine-1/section/preset.json new file mode 100644 index 0000000..35aa794 --- /dev/null +++ b/styles/block-presets/group/pristine-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Section", + "slug": "ext-preset--group--pristine-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/pristine-1/template/preset.json b/styles/block-presets/group/pristine-1/template/preset.json new file mode 100644 index 0000000..627d70e --- /dev/null +++ b/styles/block-presets/group/pristine-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Template", + "slug": "ext-preset--group--pristine-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/pulp-1/footer-1/preset.json b/styles/block-presets/group/pulp-1/footer-1/preset.json new file mode 100644 index 0000000..7ca2250 --- /dev/null +++ b/styles/block-presets/group/pulp-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Footer 1", + "slug": "ext-preset--group--pulp-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/pulp-1/header-1/preset.json b/styles/block-presets/group/pulp-1/header-1/preset.json new file mode 100644 index 0000000..47ff9b2 --- /dev/null +++ b/styles/block-presets/group/pulp-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Header 1", + "slug": "ext-preset--group--pulp-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json b/styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..cb00f0f --- /dev/null +++ b/styles/block-presets/group/pulp-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": "Pulp 1 Item Card 1 Align Center", + "slug": "ext-preset--group--pulp-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + }, + "shadow": "6px 6px 0 0 var(--wp--custom--color--text-strong)", + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json b/styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..7784a11 --- /dev/null +++ b/styles/block-presets/group/pulp-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": "Pulp 1 Item Card 1 Align Start", + "slug": "ext-preset--group--pulp-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + }, + "shadow": "6px 6px 0 0 var(--wp--custom--color--text-strong)", + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/group/pulp-1/panel-1/preset.json b/styles/block-presets/group/pulp-1/panel-1/preset.json new file mode 100644 index 0000000..5d4595c --- /dev/null +++ b/styles/block-presets/group/pulp-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Panel 1", + "slug": "ext-preset--group--pulp-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/pulp-1/section-intro-1/preset.json b/styles/block-presets/group/pulp-1/section-intro-1/preset.json new file mode 100644 index 0000000..5124a64 --- /dev/null +++ b/styles/block-presets/group/pulp-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Section Intro 1", + "slug": "ext-preset--group--pulp-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/pulp-1/section/preset.json b/styles/block-presets/group/pulp-1/section/preset.json new file mode 100644 index 0000000..e8f0e03 --- /dev/null +++ b/styles/block-presets/group/pulp-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Section", + "slug": "ext-preset--group--pulp-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/pulp-1/template/preset.json b/styles/block-presets/group/pulp-1/template/preset.json new file mode 100644 index 0000000..853947c --- /dev/null +++ b/styles/block-presets/group/pulp-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Template", + "slug": "ext-preset--group--pulp-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/rainbow-1/footer-1/preset.json b/styles/block-presets/group/rainbow-1/footer-1/preset.json new file mode 100644 index 0000000..979e8cf --- /dev/null +++ b/styles/block-presets/group/rainbow-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Footer 1", + "slug": "ext-preset--group--rainbow-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/rainbow-1/header-1/preset.json b/styles/block-presets/group/rainbow-1/header-1/preset.json new file mode 100644 index 0000000..815175c --- /dev/null +++ b/styles/block-presets/group/rainbow-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Header 1", + "slug": "ext-preset--group--rainbow-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json b/styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..722b2b5 --- /dev/null +++ b/styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Item Card 1 Align Center", + "slug": "ext-preset--group--rainbow-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json b/styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..92f6bdf --- /dev/null +++ b/styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Item Card 1 Align Start", + "slug": "ext-preset--group--rainbow-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/group/rainbow-1/panel-1/preset.json b/styles/block-presets/group/rainbow-1/panel-1/preset.json new file mode 100644 index 0000000..e8bffd5 --- /dev/null +++ b/styles/block-presets/group/rainbow-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Panel 1", + "slug": "ext-preset--group--rainbow-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/rainbow-1/section-intro-1/preset.json b/styles/block-presets/group/rainbow-1/section-intro-1/preset.json new file mode 100644 index 0000000..21d5b62 --- /dev/null +++ b/styles/block-presets/group/rainbow-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Section Intro 1", + "slug": "ext-preset--group--rainbow-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/rainbow-1/section/preset.json b/styles/block-presets/group/rainbow-1/section/preset.json new file mode 100644 index 0000000..2ed7c6b --- /dev/null +++ b/styles/block-presets/group/rainbow-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Section", + "slug": "ext-preset--group--rainbow-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; }" + } +} diff --git a/styles/block-presets/group/rainbow-1/template/preset.json b/styles/block-presets/group/rainbow-1/template/preset.json new file mode 100644 index 0000000..8ec1b54 --- /dev/null +++ b/styles/block-presets/group/rainbow-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Template", + "slug": "ext-preset--group--rainbow-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/retro-1/footer-1/preset.json b/styles/block-presets/group/retro-1/footer-1/preset.json index e090a25..3ca1823 100644 --- a/styles/block-presets/group/retro-1/footer-1/preset.json +++ b/styles/block-presets/group/retro-1/footer-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/retro-1/header-1/preset.json b/styles/block-presets/group/retro-1/header-1/preset.json index 4a8f8c6..c6fc922 100644 --- a/styles/block-presets/group/retro-1/header-1/preset.json +++ b/styles/block-presets/group/retro-1/header-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index 98da74b..41c0ca6 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json index ce37af6..352ea96 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" } } diff --git a/styles/block-presets/group/retro-1/section-intro-1/preset.json b/styles/block-presets/group/retro-1/section-intro-1/preset.json index 3148392..fa96496 100644 --- a/styles/block-presets/group/retro-1/section-intro-1/preset.json +++ b/styles/block-presets/group/retro-1/section-intro-1/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "typography": { - "textAlign": "center" - }, - "css": "& .wp-block-buttons { justify-content: center; }" + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/retro-1/section/preset.json b/styles/block-presets/group/retro-1/section/preset.json index 3210279..8e3595a 100644 --- a/styles/block-presets/group/retro-1/section/preset.json +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - }, - "css": "& .ext-section-intro { text-align: center; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" } } diff --git a/styles/block-presets/group/retro-1/template/preset.json b/styles/block-presets/group/retro-1/template/preset.json index a427d3c..606be0b 100644 --- a/styles/block-presets/group/retro-1/template/preset.json +++ b/styles/block-presets/group/retro-1/template/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/sanctuary-1/footer-1/preset.json b/styles/block-presets/group/sanctuary-1/footer-1/preset.json index 3cae7f4..1f5fc5d 100644 --- a/styles/block-presets/group/sanctuary-1/footer-1/preset.json +++ b/styles/block-presets/group/sanctuary-1/footer-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/sanctuary-1/header-1/preset.json b/styles/block-presets/group/sanctuary-1/header-1/preset.json index 2e74997..1f5cf20 100644 --- a/styles/block-presets/group/sanctuary-1/header-1/preset.json +++ b/styles/block-presets/group/sanctuary-1/header-1/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json b/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json index 53b74a0..c9e2b4b 100644 --- a/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json @@ -52,6 +52,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json b/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json index 686073e..afffa28 100644 --- a/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json @@ -50,6 +50,6 @@ } } }, - "css": "& { overflow: hidden; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json b/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json index 5a738af..f4d43d5 100644 --- a/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json +++ b/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "typography": { - "textAlign": "center" - }, - "css": "& .wp-block-buttons { justify-content: center; }" + "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/sanctuary-1/section/preset.json b/styles/block-presets/group/sanctuary-1/section/preset.json index ed8e835..a9c2f14 100644 --- a/styles/block-presets/group/sanctuary-1/section/preset.json +++ b/styles/block-presets/group/sanctuary-1/section/preset.json @@ -7,9 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - }, - "css": "& .ext-section-intro { text-align: center; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" } } diff --git a/styles/block-presets/group/sanctuary-1/template/preset.json b/styles/block-presets/group/sanctuary-1/template/preset.json index cd15a9d..bb8aca4 100644 --- a/styles/block-presets/group/sanctuary-1/template/preset.json +++ b/styles/block-presets/group/sanctuary-1/template/preset.json @@ -7,8 +7,6 @@ "core/group" ], "styles": { - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)" - } + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/umber-1/footer-1/preset.json b/styles/block-presets/group/umber-1/footer-1/preset.json new file mode 100644 index 0000000..4ac6d8a --- /dev/null +++ b/styles/block-presets/group/umber-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Footer 1", + "slug": "ext-preset--group--umber-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/umber-1/header-1/preset.json b/styles/block-presets/group/umber-1/header-1/preset.json new file mode 100644 index 0000000..15a3198 --- /dev/null +++ b/styles/block-presets/group/umber-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Header 1", + "slug": "ext-preset--group--umber-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/umber-1/item-card-1/align-center/preset.json b/styles/block-presets/group/umber-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..898b59d --- /dev/null +++ b/styles/block-presets/group/umber-1/item-card-1/align-center/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Item Card 1 Align Center", + "slug": "ext-preset--group--umber-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/group/umber-1/item-card-1/align-start/preset.json b/styles/block-presets/group/umber-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..deb0a47 --- /dev/null +++ b/styles/block-presets/group/umber-1/item-card-1/align-start/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Item Card 1 Align Start", + "slug": "ext-preset--group--umber-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/group/umber-1/panel-1/preset.json b/styles/block-presets/group/umber-1/panel-1/preset.json new file mode 100644 index 0000000..58481ad --- /dev/null +++ b/styles/block-presets/group/umber-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Panel 1", + "slug": "ext-preset--group--umber-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/umber-1/section-intro-1/preset.json b/styles/block-presets/group/umber-1/section-intro-1/preset.json new file mode 100644 index 0000000..192225a --- /dev/null +++ b/styles/block-presets/group/umber-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Section Intro 1", + "slug": "ext-preset--group--umber-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/umber-1/section/preset.json b/styles/block-presets/group/umber-1/section/preset.json new file mode 100644 index 0000000..dbbc136 --- /dev/null +++ b/styles/block-presets/group/umber-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Section", + "slug": "ext-preset--group--umber-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; }" + } +} diff --git a/styles/block-presets/group/umber-1/template/preset.json b/styles/block-presets/group/umber-1/template/preset.json new file mode 100644 index 0000000..414ddd6 --- /dev/null +++ b/styles/block-presets/group/umber-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Template", + "slug": "ext-preset--group--umber-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/vitreous-1/footer-1/preset.json b/styles/block-presets/group/vitreous-1/footer-1/preset.json new file mode 100644 index 0000000..b069ec1 --- /dev/null +++ b/styles/block-presets/group/vitreous-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Footer 1", + "slug": "ext-preset--group--vitreous-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/vitreous-1/header-1/preset.json b/styles/block-presets/group/vitreous-1/header-1/preset.json new file mode 100644 index 0000000..8da2d96 --- /dev/null +++ b/styles/block-presets/group/vitreous-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Header 1", + "slug": "ext-preset--group--vitreous-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json b/styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..652712b --- /dev/null +++ b/styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Item Card 1 Align Center", + "slug": "ext-preset--group--vitreous-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent)" + }, + "border": { + "radius": "6px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent) !important; overflow: hidden; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json b/styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..5c45937 --- /dev/null +++ b/styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json @@ -0,0 +1,53 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Item Card 1 Align Start", + "slug": "ext-preset--group--vitreous-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent)" + }, + "border": { + "radius": "6px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent) !important; overflow: hidden; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/group/vitreous-1/panel-1/preset.json b/styles/block-presets/group/vitreous-1/panel-1/preset.json new file mode 100644 index 0000000..2b1f930 --- /dev/null +++ b/styles/block-presets/group/vitreous-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Panel 1", + "slug": "ext-preset--group--vitreous-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "6px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/vitreous-1/section-intro-1/preset.json b/styles/block-presets/group/vitreous-1/section-intro-1/preset.json new file mode 100644 index 0000000..632bc21 --- /dev/null +++ b/styles/block-presets/group/vitreous-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Section Intro 1", + "slug": "ext-preset--group--vitreous-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/vitreous-1/section/preset.json b/styles/block-presets/group/vitreous-1/section/preset.json new file mode 100644 index 0000000..bd432da --- /dev/null +++ b/styles/block-presets/group/vitreous-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Section", + "slug": "ext-preset--group--vitreous-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/vitreous-1/template/preset.json b/styles/block-presets/group/vitreous-1/template/preset.json new file mode 100644 index 0000000..02bc009 --- /dev/null +++ b/styles/block-presets/group/vitreous-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Template", + "slug": "ext-preset--group--vitreous-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/image/atelier-1/gallery-1/preset.json b/styles/block-presets/image/atelier-1/gallery-1/preset.json new file mode 100644 index 0000000..8d5c7d2 --- /dev/null +++ b/styles/block-presets/image/atelier-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Gallery 1", + "slug": "ext-preset--image--atelier-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/atelier-1/icon-1/preset.json b/styles/block-presets/image/atelier-1/icon-1/preset.json new file mode 100644 index 0000000..0f28ef4 --- /dev/null +++ b/styles/block-presets/image/atelier-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Icon 1", + "slug": "ext-preset--image--atelier-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/atelier-1/icon-small-1/preset.json b/styles/block-presets/image/atelier-1/icon-small-1/preset.json new file mode 100644 index 0000000..2970115 --- /dev/null +++ b/styles/block-presets/image/atelier-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Icon Small 1", + "slug": "ext-preset--image--atelier-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/citrus-1/gallery-1/preset.json b/styles/block-presets/image/citrus-1/gallery-1/preset.json new file mode 100644 index 0000000..65ddb12 --- /dev/null +++ b/styles/block-presets/image/citrus-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Gallery 1", + "slug": "ext-preset--image--citrus-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/citrus-1/icon-1/preset.json b/styles/block-presets/image/citrus-1/icon-1/preset.json new file mode 100644 index 0000000..b38010c --- /dev/null +++ b/styles/block-presets/image/citrus-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Icon 1", + "slug": "ext-preset--image--citrus-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 12px; padding: 8px; box-sizing: content-box; }" + } +} diff --git a/styles/block-presets/image/citrus-1/icon-small-1/preset.json b/styles/block-presets/image/citrus-1/icon-small-1/preset.json new file mode 100644 index 0000000..7013a42 --- /dev/null +++ b/styles/block-presets/image/citrus-1/icon-small-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Icon Small 1", + "slug": "ext-preset--image--citrus-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 6px; padding: 4px; box-sizing: content-box; }" + } +} diff --git a/styles/block-presets/image/haven-1/gallery-1/preset.json b/styles/block-presets/image/haven-1/gallery-1/preset.json new file mode 100644 index 0000000..5476963 --- /dev/null +++ b/styles/block-presets/image/haven-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Gallery 1", + "slug": "ext-preset--image--haven-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/haven-1/icon-1/preset.json b/styles/block-presets/image/haven-1/icon-1/preset.json new file mode 100644 index 0000000..e58d699 --- /dev/null +++ b/styles/block-presets/image/haven-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Icon 1", + "slug": "ext-preset--image--haven-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/haven-1/icon-small-1/preset.json b/styles/block-presets/image/haven-1/icon-small-1/preset.json new file mode 100644 index 0000000..0b2be3d --- /dev/null +++ b/styles/block-presets/image/haven-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Icon Small 1", + "slug": "ext-preset--image--haven-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/lilac-1/gallery-1/preset.json b/styles/block-presets/image/lilac-1/gallery-1/preset.json new file mode 100644 index 0000000..9509e90 --- /dev/null +++ b/styles/block-presets/image/lilac-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Gallery 1", + "slug": "ext-preset--image--lilac-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/lilac-1/icon-1/preset.json b/styles/block-presets/image/lilac-1/icon-1/preset.json new file mode 100644 index 0000000..58cb60f --- /dev/null +++ b/styles/block-presets/image/lilac-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Icon 1", + "slug": "ext-preset--image--lilac-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/lilac-1/icon-small-1/preset.json b/styles/block-presets/image/lilac-1/icon-small-1/preset.json new file mode 100644 index 0000000..b63ef35 --- /dev/null +++ b/styles/block-presets/image/lilac-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Icon Small 1", + "slug": "ext-preset--image--lilac-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/lilac-1/image-1/content-any/preset.json b/styles/block-presets/image/lilac-1/image-1/content-any/preset.json new file mode 100644 index 0000000..e5e8e9e --- /dev/null +++ b/styles/block-presets/image/lilac-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Image 1 Content Any", + "slug": "ext-preset--image--lilac-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json b/styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..01f0d89 --- /dev/null +++ b/styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Image 1 Content Bottom", + "slug": "ext-preset--image--lilac-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/lilac-1/image-1/content-left/preset.json b/styles/block-presets/image/lilac-1/image-1/content-left/preset.json new file mode 100644 index 0000000..d73bbf1 --- /dev/null +++ b/styles/block-presets/image/lilac-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Image 1 Content Left", + "slug": "ext-preset--image--lilac-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/lilac-1/image-1/content-right/preset.json b/styles/block-presets/image/lilac-1/image-1/content-right/preset.json new file mode 100644 index 0000000..000648c --- /dev/null +++ b/styles/block-presets/image/lilac-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Image 1 Content Right", + "slug": "ext-preset--image--lilac-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/lilac-1/image-1/content-top/preset.json b/styles/block-presets/image/lilac-1/image-1/content-top/preset.json new file mode 100644 index 0000000..c4a8e72 --- /dev/null +++ b/styles/block-presets/image/lilac-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Image 1 Content Top", + "slug": "ext-preset--image--lilac-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/linen-1/gallery-1/preset.json b/styles/block-presets/image/linen-1/gallery-1/preset.json new file mode 100644 index 0000000..f8c29d3 --- /dev/null +++ b/styles/block-presets/image/linen-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Gallery 1", + "slug": "ext-preset--image--linen-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/linen-1/icon-1/preset.json b/styles/block-presets/image/linen-1/icon-1/preset.json new file mode 100644 index 0000000..6323817 --- /dev/null +++ b/styles/block-presets/image/linen-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Icon 1", + "slug": "ext-preset--image--linen-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/linen-1/icon-small-1/preset.json b/styles/block-presets/image/linen-1/icon-small-1/preset.json new file mode 100644 index 0000000..661214c --- /dev/null +++ b/styles/block-presets/image/linen-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Icon Small 1", + "slug": "ext-preset--image--linen-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/linen-1/image-1/content-any/preset.json b/styles/block-presets/image/linen-1/image-1/content-any/preset.json new file mode 100644 index 0000000..4ddb255 --- /dev/null +++ b/styles/block-presets/image/linen-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Image 1 Content Any", + "slug": "ext-preset--image--linen-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json b/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..21015b1 --- /dev/null +++ b/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Image 1 Content Bottom", + "slug": "ext-preset--image--linen-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/linen-1/image-1/content-left/preset.json b/styles/block-presets/image/linen-1/image-1/content-left/preset.json new file mode 100644 index 0000000..a283c82 --- /dev/null +++ b/styles/block-presets/image/linen-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Image 1 Content Left", + "slug": "ext-preset--image--linen-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/linen-1/image-1/content-right/preset.json b/styles/block-presets/image/linen-1/image-1/content-right/preset.json new file mode 100644 index 0000000..2af5fd5 --- /dev/null +++ b/styles/block-presets/image/linen-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Image 1 Content Right", + "slug": "ext-preset--image--linen-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/linen-1/image-1/content-top/preset.json b/styles/block-presets/image/linen-1/image-1/content-top/preset.json new file mode 100644 index 0000000..1196cdc --- /dev/null +++ b/styles/block-presets/image/linen-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Image 1 Content Top", + "slug": "ext-preset--image--linen-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/natural-1/gallery-1/preset.json b/styles/block-presets/image/natural-1/gallery-1/preset.json new file mode 100644 index 0000000..6b74bca --- /dev/null +++ b/styles/block-presets/image/natural-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Gallery 1", + "slug": "ext-preset--image--natural-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0" + } + } +} diff --git a/styles/block-presets/image/natural-1/icon-1/preset.json b/styles/block-presets/image/natural-1/icon-1/preset.json new file mode 100644 index 0000000..28a1ac3 --- /dev/null +++ b/styles/block-presets/image/natural-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Icon 1", + "slug": "ext-preset--image--natural-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/natural-1/icon-small-1/preset.json b/styles/block-presets/image/natural-1/icon-small-1/preset.json new file mode 100644 index 0000000..4b90661 --- /dev/null +++ b/styles/block-presets/image/natural-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Icon Small 1", + "slug": "ext-preset--image--natural-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/natural-1/image-1/content-any/preset.json b/styles/block-presets/image/natural-1/image-1/content-any/preset.json index 32eaf05..08d7168 100644 --- a/styles/block-presets/image/natural-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-any/preset.json @@ -1,12 +1,15 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Content Anywhere of Image", + "title": "Image 1 Content Any", "slug": "ext-preset--image--natural-1--image-1--content-any", - "blockTypes": ["core/image", "core/cover"], + "blockTypes": [ + "core/image", + "core/cover" + ], "styles": { "border": { "radius": "0" } } -} \ No newline at end of file +} diff --git a/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json b/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json index 825c335..e96b244 100644 --- a/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json @@ -1,12 +1,15 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Content Below of Image", + "title": "Image 1 Content Bottom", "slug": "ext-preset--image--natural-1--image-1--content-bottom", - "blockTypes": ["core/image", "core/cover"], + "blockTypes": [ + "core/image", + "core/cover" + ], "styles": { "border": { "radius": "0" } } -} \ No newline at end of file +} diff --git a/styles/block-presets/image/natural-1/image-1/content-left/preset.json b/styles/block-presets/image/natural-1/image-1/content-left/preset.json index 8b1ae23..3224287 100644 --- a/styles/block-presets/image/natural-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-left/preset.json @@ -1,12 +1,15 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Content Left of Image", + "title": "Image 1 Content Left", "slug": "ext-preset--image--natural-1--image-1--content-left", - "blockTypes": ["core/image", "core/cover"], + "blockTypes": [ + "core/image", + "core/cover" + ], "styles": { "border": { "radius": "0" } } -} \ No newline at end of file +} diff --git a/styles/block-presets/image/natural-1/image-1/content-right/preset.json b/styles/block-presets/image/natural-1/image-1/content-right/preset.json index b8f4f49..1a2aae6 100644 --- a/styles/block-presets/image/natural-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-right/preset.json @@ -1,12 +1,15 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Content Right of Image", + "title": "Image 1 Content Right", "slug": "ext-preset--image--natural-1--image-1--content-right", - "blockTypes": ["core/image", "core/cover"], + "blockTypes": [ + "core/image", + "core/cover" + ], "styles": { "border": { "radius": "0" } } -} \ No newline at end of file +} diff --git a/styles/block-presets/image/natural-1/image-1/content-top/preset.json b/styles/block-presets/image/natural-1/image-1/content-top/preset.json index a592b8e..127fc00 100644 --- a/styles/block-presets/image/natural-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-top/preset.json @@ -1,12 +1,15 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Content Above of Image", + "title": "Image 1 Content Top", "slug": "ext-preset--image--natural-1--image-1--content-top", - "blockTypes": ["core/image", "core/cover"], + "blockTypes": [ + "core/image", + "core/cover" + ], "styles": { "border": { "radius": "0" } } -} \ No newline at end of file +} diff --git a/styles/block-presets/image/placard-1/gallery-1/preset.json b/styles/block-presets/image/placard-1/gallery-1/preset.json new file mode 100644 index 0000000..5bf3481 --- /dev/null +++ b/styles/block-presets/image/placard-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Gallery 1", + "slug": "ext-preset--image--placard-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/placard-1/icon-1/preset.json b/styles/block-presets/image/placard-1/icon-1/preset.json new file mode 100644 index 0000000..0ef7965 --- /dev/null +++ b/styles/block-presets/image/placard-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Icon 1", + "slug": "ext-preset--image--placard-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/placard-1/icon-small-1/preset.json b/styles/block-presets/image/placard-1/icon-small-1/preset.json new file mode 100644 index 0000000..e6149e8 --- /dev/null +++ b/styles/block-presets/image/placard-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Icon Small 1", + "slug": "ext-preset--image--placard-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/placard-1/image-1/content-any/preset.json b/styles/block-presets/image/placard-1/image-1/content-any/preset.json new file mode 100644 index 0000000..31987ae --- /dev/null +++ b/styles/block-presets/image/placard-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Image 1 Content Any", + "slug": "ext-preset--image--placard-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/placard-1/image-1/content-bottom/preset.json b/styles/block-presets/image/placard-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..07fac62 --- /dev/null +++ b/styles/block-presets/image/placard-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Image 1 Content Bottom", + "slug": "ext-preset--image--placard-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/placard-1/image-1/content-left/preset.json b/styles/block-presets/image/placard-1/image-1/content-left/preset.json new file mode 100644 index 0000000..c97458b --- /dev/null +++ b/styles/block-presets/image/placard-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Image 1 Content Left", + "slug": "ext-preset--image--placard-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/placard-1/image-1/content-right/preset.json b/styles/block-presets/image/placard-1/image-1/content-right/preset.json new file mode 100644 index 0000000..347f7ad --- /dev/null +++ b/styles/block-presets/image/placard-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Image 1 Content Right", + "slug": "ext-preset--image--placard-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/placard-1/image-1/content-top/preset.json b/styles/block-presets/image/placard-1/image-1/content-top/preset.json new file mode 100644 index 0000000..8732a48 --- /dev/null +++ b/styles/block-presets/image/placard-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Image 1 Content Top", + "slug": "ext-preset--image--placard-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pristine-1/gallery-1/preset.json b/styles/block-presets/image/pristine-1/gallery-1/preset.json new file mode 100644 index 0000000..fd4106d --- /dev/null +++ b/styles/block-presets/image/pristine-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Gallery 1", + "slug": "ext-preset--image--pristine-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pristine-1/icon-1/preset.json b/styles/block-presets/image/pristine-1/icon-1/preset.json new file mode 100644 index 0000000..43b80bf --- /dev/null +++ b/styles/block-presets/image/pristine-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Icon 1", + "slug": "ext-preset--image--pristine-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; box-sizing: content-box; }" + } +} diff --git a/styles/block-presets/image/pristine-1/icon-small-1/preset.json b/styles/block-presets/image/pristine-1/icon-small-1/preset.json new file mode 100644 index 0000000..b67a281 --- /dev/null +++ b/styles/block-presets/image/pristine-1/icon-small-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Icon Small 1", + "slug": "ext-preset--image--pristine-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 4px; box-sizing: content-box; }" + } +} diff --git a/styles/block-presets/image/pristine-1/image-1/content-any/preset.json b/styles/block-presets/image/pristine-1/image-1/content-any/preset.json new file mode 100644 index 0000000..e624263 --- /dev/null +++ b/styles/block-presets/image/pristine-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Image 1 Content Any", + "slug": "ext-preset--image--pristine-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json b/styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..36f1077 --- /dev/null +++ b/styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Image 1 Content Bottom", + "slug": "ext-preset--image--pristine-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pristine-1/image-1/content-left/preset.json b/styles/block-presets/image/pristine-1/image-1/content-left/preset.json new file mode 100644 index 0000000..4784ac3 --- /dev/null +++ b/styles/block-presets/image/pristine-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Image 1 Content Left", + "slug": "ext-preset--image--pristine-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pristine-1/image-1/content-right/preset.json b/styles/block-presets/image/pristine-1/image-1/content-right/preset.json new file mode 100644 index 0000000..06b5daf --- /dev/null +++ b/styles/block-presets/image/pristine-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Image 1 Content Right", + "slug": "ext-preset--image--pristine-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pristine-1/image-1/content-top/preset.json b/styles/block-presets/image/pristine-1/image-1/content-top/preset.json new file mode 100644 index 0000000..1a6d10b --- /dev/null +++ b/styles/block-presets/image/pristine-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Image 1 Content Top", + "slug": "ext-preset--image--pristine-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/pulp-1/gallery-1/preset.json b/styles/block-presets/image/pulp-1/gallery-1/preset.json new file mode 100644 index 0000000..801b730 --- /dev/null +++ b/styles/block-presets/image/pulp-1/gallery-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Gallery 1", + "slug": "ext-preset--image--pulp-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + } + } +} diff --git a/styles/block-presets/image/pulp-1/icon-1/preset.json b/styles/block-presets/image/pulp-1/icon-1/preset.json new file mode 100644 index 0000000..67f7366 --- /dev/null +++ b/styles/block-presets/image/pulp-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Icon 1", + "slug": "ext-preset--image--pulp-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/pulp-1/icon-small-1/preset.json b/styles/block-presets/image/pulp-1/icon-small-1/preset.json new file mode 100644 index 0000000..35bd29a --- /dev/null +++ b/styles/block-presets/image/pulp-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Icon Small 1", + "slug": "ext-preset--image--pulp-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/pulp-1/image-1/content-any/preset.json b/styles/block-presets/image/pulp-1/image-1/content-any/preset.json new file mode 100644 index 0000000..078b9b4 --- /dev/null +++ b/styles/block-presets/image/pulp-1/image-1/content-any/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Image 1 Content Any", + "slug": "ext-preset--image--pulp-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + } + } +} diff --git a/styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json b/styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..6e10974 --- /dev/null +++ b/styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Image 1 Content Bottom", + "slug": "ext-preset--image--pulp-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + } + } +} diff --git a/styles/block-presets/image/pulp-1/image-1/content-left/preset.json b/styles/block-presets/image/pulp-1/image-1/content-left/preset.json new file mode 100644 index 0000000..ad7ee7f --- /dev/null +++ b/styles/block-presets/image/pulp-1/image-1/content-left/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Image 1 Content Left", + "slug": "ext-preset--image--pulp-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + } + } +} diff --git a/styles/block-presets/image/pulp-1/image-1/content-right/preset.json b/styles/block-presets/image/pulp-1/image-1/content-right/preset.json new file mode 100644 index 0000000..a101383 --- /dev/null +++ b/styles/block-presets/image/pulp-1/image-1/content-right/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Image 1 Content Right", + "slug": "ext-preset--image--pulp-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + } + } +} diff --git a/styles/block-presets/image/pulp-1/image-1/content-top/preset.json b/styles/block-presets/image/pulp-1/image-1/content-top/preset.json new file mode 100644 index 0000000..50dd03f --- /dev/null +++ b/styles/block-presets/image/pulp-1/image-1/content-top/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Image 1 Content Top", + "slug": "ext-preset--image--pulp-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + } + } +} diff --git a/styles/block-presets/image/rainbow-1/gallery-1/preset.json b/styles/block-presets/image/rainbow-1/gallery-1/preset.json new file mode 100644 index 0000000..847b270 --- /dev/null +++ b/styles/block-presets/image/rainbow-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Gallery 1", + "slug": "ext-preset--image--rainbow-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "16px" + } + } +} diff --git a/styles/block-presets/image/rainbow-1/icon-1/preset.json b/styles/block-presets/image/rainbow-1/icon-1/preset.json new file mode 100644 index 0000000..c42b89f --- /dev/null +++ b/styles/block-presets/image/rainbow-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Icon 1", + "slug": "ext-preset--image--rainbow-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/rainbow-1/icon-small-1/preset.json b/styles/block-presets/image/rainbow-1/icon-small-1/preset.json new file mode 100644 index 0000000..5fe69f3 --- /dev/null +++ b/styles/block-presets/image/rainbow-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Icon Small 1", + "slug": "ext-preset--image--rainbow-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-any/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-any/preset.json new file mode 100644 index 0000000..32bb64c --- /dev/null +++ b/styles/block-presets/image/rainbow-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Image 1 Content Any", + "slug": "ext-preset--image--rainbow-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "16px" + } + } +} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..accc203 --- /dev/null +++ b/styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Image 1 Content Bottom", + "slug": "ext-preset--image--rainbow-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "16px" + } + } +} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-left/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-left/preset.json new file mode 100644 index 0000000..e329448 --- /dev/null +++ b/styles/block-presets/image/rainbow-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Image 1 Content Left", + "slug": "ext-preset--image--rainbow-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "16px" + } + } +} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-right/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-right/preset.json new file mode 100644 index 0000000..48f393d --- /dev/null +++ b/styles/block-presets/image/rainbow-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Image 1 Content Right", + "slug": "ext-preset--image--rainbow-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "16px" + } + } +} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-top/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-top/preset.json new file mode 100644 index 0000000..e13db37 --- /dev/null +++ b/styles/block-presets/image/rainbow-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Image 1 Content Top", + "slug": "ext-preset--image--rainbow-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "16px" + } + } +} diff --git a/styles/block-presets/image/retro-1/gallery-1/preset.json b/styles/block-presets/image/retro-1/gallery-1/preset.json new file mode 100644 index 0000000..6a619d4 --- /dev/null +++ b/styles/block-presets/image/retro-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Gallery 1", + "slug": "ext-preset--image--retro-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "12px" + } + } +} diff --git a/styles/block-presets/image/retro-1/icon-1/preset.json b/styles/block-presets/image/retro-1/icon-1/preset.json new file mode 100644 index 0000000..888c8c3 --- /dev/null +++ b/styles/block-presets/image/retro-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Icon 1", + "slug": "ext-preset--image--retro-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; box-sizing: content-box; }" + } +} diff --git a/styles/block-presets/image/retro-1/icon-small-1/preset.json b/styles/block-presets/image/retro-1/icon-small-1/preset.json new file mode 100644 index 0000000..ba5ac9f --- /dev/null +++ b/styles/block-presets/image/retro-1/icon-small-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Icon Small 1", + "slug": "ext-preset--image--retro-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 4px; box-sizing: content-box; }" + } +} diff --git a/styles/block-presets/image/sanctuary-1/gallery-1/preset.json b/styles/block-presets/image/sanctuary-1/gallery-1/preset.json new file mode 100644 index 0000000..a629f04 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Gallery 1", + "slug": "ext-preset--image--sanctuary-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/sanctuary-1/icon-1/preset.json b/styles/block-presets/image/sanctuary-1/icon-1/preset.json new file mode 100644 index 0000000..0fa88b6 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Icon 1", + "slug": "ext-preset--image--sanctuary-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--icon-brand); border-radius: 999px; padding: 8px; box-sizing: content-box; border: 1.5px solid var(--wp--custom--color--stroke-brand); }" + } +} diff --git a/styles/block-presets/image/sanctuary-1/icon-small-1/preset.json b/styles/block-presets/image/sanctuary-1/icon-small-1/preset.json new file mode 100644 index 0000000..c8b03e4 --- /dev/null +++ b/styles/block-presets/image/sanctuary-1/icon-small-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Icon Small 1", + "slug": "ext-preset--image--sanctuary-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "css": "& img { color: var(--wp--custom--color--icon-brand); border-radius: 999px; padding: 4px; box-sizing: content-box; border: 1.5px solid var(--wp--custom--color--stroke-brand); }" + } +} diff --git a/styles/block-presets/image/umber-1/gallery-1/preset.json b/styles/block-presets/image/umber-1/gallery-1/preset.json new file mode 100644 index 0000000..e2e6a72 --- /dev/null +++ b/styles/block-presets/image/umber-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Gallery 1", + "slug": "ext-preset--image--umber-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/umber-1/icon-1/preset.json b/styles/block-presets/image/umber-1/icon-1/preset.json new file mode 100644 index 0000000..a76f763 --- /dev/null +++ b/styles/block-presets/image/umber-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Icon 1", + "slug": "ext-preset--image--umber-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/umber-1/icon-small-1/preset.json b/styles/block-presets/image/umber-1/icon-small-1/preset.json new file mode 100644 index 0000000..61dda2e --- /dev/null +++ b/styles/block-presets/image/umber-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Icon Small 1", + "slug": "ext-preset--image--umber-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/umber-1/image-1/content-any/preset.json b/styles/block-presets/image/umber-1/image-1/content-any/preset.json new file mode 100644 index 0000000..1870f2f --- /dev/null +++ b/styles/block-presets/image/umber-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Image 1 Content Any", + "slug": "ext-preset--image--umber-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/umber-1/image-1/content-bottom/preset.json b/styles/block-presets/image/umber-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..31e07bf --- /dev/null +++ b/styles/block-presets/image/umber-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Image 1 Content Bottom", + "slug": "ext-preset--image--umber-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/umber-1/image-1/content-left/preset.json b/styles/block-presets/image/umber-1/image-1/content-left/preset.json new file mode 100644 index 0000000..5130505 --- /dev/null +++ b/styles/block-presets/image/umber-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Image 1 Content Left", + "slug": "ext-preset--image--umber-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/umber-1/image-1/content-right/preset.json b/styles/block-presets/image/umber-1/image-1/content-right/preset.json new file mode 100644 index 0000000..656e39f --- /dev/null +++ b/styles/block-presets/image/umber-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Image 1 Content Right", + "slug": "ext-preset--image--umber-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/umber-1/image-1/content-top/preset.json b/styles/block-presets/image/umber-1/image-1/content-top/preset.json new file mode 100644 index 0000000..0e383b0 --- /dev/null +++ b/styles/block-presets/image/umber-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Image 1 Content Top", + "slug": "ext-preset--image--umber-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/vitreous-1/gallery-1/preset.json b/styles/block-presets/image/vitreous-1/gallery-1/preset.json new file mode 100644 index 0000000..6881bec --- /dev/null +++ b/styles/block-presets/image/vitreous-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Gallery 1", + "slug": "ext-preset--image--vitreous-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/vitreous-1/icon-1/preset.json b/styles/block-presets/image/vitreous-1/icon-1/preset.json new file mode 100644 index 0000000..37f0b97 --- /dev/null +++ b/styles/block-presets/image/vitreous-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Icon 1", + "slug": "ext-preset--image--vitreous-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/vitreous-1/icon-small-1/preset.json b/styles/block-presets/image/vitreous-1/icon-small-1/preset.json new file mode 100644 index 0000000..fe0ca52 --- /dev/null +++ b/styles/block-presets/image/vitreous-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Icon Small 1", + "slug": "ext-preset--image--vitreous-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-any/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-any/preset.json new file mode 100644 index 0000000..526b5be --- /dev/null +++ b/styles/block-presets/image/vitreous-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Image 1 Content Any", + "slug": "ext-preset--image--vitreous-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..ba18010 --- /dev/null +++ b/styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Image 1 Content Bottom", + "slug": "ext-preset--image--vitreous-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-left/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-left/preset.json new file mode 100644 index 0000000..d2c1447 --- /dev/null +++ b/styles/block-presets/image/vitreous-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Image 1 Content Left", + "slug": "ext-preset--image--vitreous-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-right/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-right/preset.json new file mode 100644 index 0000000..dfaa7f3 --- /dev/null +++ b/styles/block-presets/image/vitreous-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Image 1 Content Right", + "slug": "ext-preset--image--vitreous-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-top/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-top/preset.json new file mode 100644 index 0000000..4561cf2 --- /dev/null +++ b/styles/block-presets/image/vitreous-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Image 1 Content Top", + "slug": "ext-preset--image--vitreous-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "6px" + } + } +} diff --git a/styles/block-presets/media-text/atelier-1/card-1/preset.json b/styles/block-presets/media-text/atelier-1/card-1/preset.json index 696463e..e15700a 100644 --- a/styles/block-presets/media-text/atelier-1/card-1/preset.json +++ b/styles/block-presets/media-text/atelier-1/card-1/preset.json @@ -8,13 +8,13 @@ ], "styles": { "color": { - "background": "var:preset|color|base" + "background": "var:preset|color|background" }, "border": { "radius": "0px", "width": "1px", "style": "solid", - "color": "var(--stroke-weak)" + "color": "var(--wp--custom--color--stroke-weak)" }, "spacing": { "padding": { @@ -36,6 +36,6 @@ } } }, - "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); }" } } diff --git a/styles/block-presets/media-text/citrus-1/card-1/preset.json b/styles/block-presets/media-text/citrus-1/card-1/preset.json index 44bb6d1..7b7652c 100644 --- a/styles/block-presets/media-text/citrus-1/card-1/preset.json +++ b/styles/block-presets/media-text/citrus-1/card-1/preset.json @@ -33,6 +33,6 @@ } } }, - "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/media-text/haven-1/card-1/preset.json b/styles/block-presets/media-text/haven-1/card-1/preset.json index a8ff953..684db51 100644 --- a/styles/block-presets/media-text/haven-1/card-1/preset.json +++ b/styles/block-presets/media-text/haven-1/card-1/preset.json @@ -33,6 +33,6 @@ } } }, - "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/media-text/lilac-1/card-1/preset.json b/styles/block-presets/media-text/lilac-1/card-1/preset.json new file mode 100644 index 0000000..3731307 --- /dev/null +++ b/styles/block-presets/media-text/lilac-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Item Card 1", + "slug": "ext-preset--media-text--lilac-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "6px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/media-text/linen-1/card-1/preset.json b/styles/block-presets/media-text/linen-1/card-1/preset.json new file mode 100644 index 0000000..7170b51 --- /dev/null +++ b/styles/block-presets/media-text/linen-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Item Card 1", + "slug": "ext-preset--media-text--linen-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/media-text/natural-1/card-1/preset.json b/styles/block-presets/media-text/natural-1/card-1/preset.json index 5c17bb8..8efb8ec 100644 --- a/styles/block-presets/media-text/natural-1/card-1/preset.json +++ b/styles/block-presets/media-text/natural-1/card-1/preset.json @@ -3,11 +3,10 @@ "version": 3, "title": "Item Card 1", "slug": "ext-preset--media-text--natural-1--card-1", - "blockTypes": ["core/media-text"], + "blockTypes": [ + "core/media-text" + ], "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, "spacing": { "padding": { "top": "0", @@ -19,11 +18,8 @@ "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" + "margin": { + "top": "0" } }, "dimensions": { @@ -31,6 +27,6 @@ } } }, - "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } " + "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); }" } } diff --git a/styles/block-presets/media-text/placard-1/card-1/preset.json b/styles/block-presets/media-text/placard-1/card-1/preset.json new file mode 100644 index 0000000..8fafbbb --- /dev/null +++ b/styles/block-presets/media-text/placard-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Item Card 1", + "slug": "ext-preset--media-text--placard-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/media-text/pristine-1/card-1/preset.json b/styles/block-presets/media-text/pristine-1/card-1/preset.json new file mode 100644 index 0000000..c1fdbe1 --- /dev/null +++ b/styles/block-presets/media-text/pristine-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Item Card 1", + "slug": "ext-preset--media-text--pristine-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: 32px; } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: 32px; padding-right: 32px; } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: 32px; } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: 32px; } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/media-text/pulp-1/card-1/preset.json b/styles/block-presets/media-text/pulp-1/card-1/preset.json new file mode 100644 index 0000000..1bf6352 --- /dev/null +++ b/styles/block-presets/media-text/pulp-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Item Card 1", + "slug": "ext-preset--media-text--pulp-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px", + "width": "3px", + "style": "solid", + "color": "var(--wp--custom--color--text-strong)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + } +} diff --git a/styles/block-presets/media-text/rainbow-1/card-1/preset.json b/styles/block-presets/media-text/rainbow-1/card-1/preset.json new file mode 100644 index 0000000..71bef69 --- /dev/null +++ b/styles/block-presets/media-text/rainbow-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Item Card 1", + "slug": "ext-preset--media-text--rainbow-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "16px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/media-text/retro-1/card-1/preset.json b/styles/block-presets/media-text/retro-1/card-1/preset.json index 83bf51d..7376a8c 100644 --- a/styles/block-presets/media-text/retro-1/card-1/preset.json +++ b/styles/block-presets/media-text/retro-1/card-1/preset.json @@ -33,6 +33,6 @@ } } }, - "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" } } diff --git a/styles/block-presets/media-text/sanctuary-1/card-1/preset.json b/styles/block-presets/media-text/sanctuary-1/card-1/preset.json index 9683a26..a665e6d 100644 --- a/styles/block-presets/media-text/sanctuary-1/card-1/preset.json +++ b/styles/block-presets/media-text/sanctuary-1/card-1/preset.json @@ -38,6 +38,6 @@ } } }, - "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-body { padding-left: 24px; padding-right: 24px; } & .ext-card-footer { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } & .ext-card-body:first-child { padding-top: 24px; } & .ext-card-body:last-child { padding-bottom: 24px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" } } diff --git a/styles/block-presets/media-text/umber-1/card-1/preset.json b/styles/block-presets/media-text/umber-1/card-1/preset.json new file mode 100644 index 0000000..4b5839c --- /dev/null +++ b/styles/block-presets/media-text/umber-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Item Card 1", + "slug": "ext-preset--media-text--umber-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" + } +} diff --git a/styles/block-presets/media-text/vitreous-1/card-1/preset.json b/styles/block-presets/media-text/vitreous-1/card-1/preset.json new file mode 100644 index 0000000..e3fd22a --- /dev/null +++ b/styles/block-presets/media-text/vitreous-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Item Card 1", + "slug": "ext-preset--media-text--vitreous-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent)" + }, + "border": { + "radius": "6px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent) !important; overflow: hidden; height: 100%; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); }" + } +} diff --git a/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json b/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json index a28a7d5..00aca2b 100644 --- a/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json @@ -13,8 +13,8 @@ "letterSpacing": "0.05em" }, "color": { - "background": "var:preset|color|tertiary", - "text": "var:preset|color|foreground" + "background": "var(--wp--custom--color--chip-surface)", + "text": "var(--wp--custom--color--chip-ink)" }, "border": { "radius": "9999px" diff --git a/styles/block-presets/paragraph/lilac-1/tagline-1/preset.json b/styles/block-presets/paragraph/lilac-1/tagline-1/preset.json new file mode 100644 index 0000000..a9819d5 --- /dev/null +++ b/styles/block-presets/paragraph/lilac-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Tagline 1", + "slug": "ext-preset--paragraph--lilac-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/linen-1/tagline-1/preset.json b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json new file mode 100644 index 0000000..4900a79 --- /dev/null +++ b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Tagline 1", + "slug": "ext-preset--paragraph--linen-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/placard-1/tagline-1/preset.json b/styles/block-presets/paragraph/placard-1/tagline-1/preset.json new file mode 100644 index 0000000..d391f5a --- /dev/null +++ b/styles/block-presets/paragraph/placard-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Tagline 1", + "slug": "ext-preset--paragraph--placard-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/pristine-1/tagline-1/preset.json b/styles/block-presets/paragraph/pristine-1/tagline-1/preset.json new file mode 100644 index 0000000..de1e842 --- /dev/null +++ b/styles/block-presets/paragraph/pristine-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Tagline 1", + "slug": "ext-preset--paragraph--pristine-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/pulp-1/tagline-1/preset.json b/styles/block-presets/paragraph/pulp-1/tagline-1/preset.json new file mode 100644 index 0000000..431f016 --- /dev/null +++ b/styles/block-presets/paragraph/pulp-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Tagline 1", + "slug": "ext-preset--paragraph--pulp-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json b/styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json new file mode 100644 index 0000000..6ae7c5f --- /dev/null +++ b/styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Tagline 1", + "slug": "ext-preset--paragraph--rainbow-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json index 10d2378..b0f9fa1 100644 --- a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json @@ -13,8 +13,8 @@ "letterSpacing": "0.05em" }, "color": { - "background": "var:preset|color|tertiary", - "text": "var:preset|color|foreground" + "background": "var(--wp--custom--color--chip-surface)", + "text": "var(--wp--custom--color--chip-ink)" }, "border": { "radius": "9999px" diff --git a/styles/block-presets/paragraph/umber-1/tagline-1/preset.json b/styles/block-presets/paragraph/umber-1/tagline-1/preset.json new file mode 100644 index 0000000..9112bf1 --- /dev/null +++ b/styles/block-presets/paragraph/umber-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Tagline 1", + "slug": "ext-preset--paragraph--umber-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json b/styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json new file mode 100644 index 0000000..d618f38 --- /dev/null +++ b/styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Tagline 1", + "slug": "ext-preset--paragraph--vitreous-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/social-links/atelier-1/social-1/preset.json b/styles/block-presets/social-links/atelier-1/social-1/preset.json new file mode 100644 index 0000000..d707753 --- /dev/null +++ b/styles/block-presets/social-links/atelier-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Atelier 1 Social 1", + "slug": "ext-preset--social-links--atelier-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/citrus-1/social-1/preset.json b/styles/block-presets/social-links/citrus-1/social-1/preset.json new file mode 100644 index 0000000..6004231 --- /dev/null +++ b/styles/block-presets/social-links/citrus-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Citrus 1 Social 1", + "slug": "ext-preset--social-links--citrus-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--chip-ink) !important; background: var(--wp--custom--color--chip-surface); border-radius: 12px; padding: 8px; }" + } +} diff --git a/styles/block-presets/social-links/haven-1/social-1/preset.json b/styles/block-presets/social-links/haven-1/social-1/preset.json new file mode 100644 index 0000000..cb1356a --- /dev/null +++ b/styles/block-presets/social-links/haven-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Haven 1 Social 1", + "slug": "ext-preset--social-links--haven-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/lilac-1/social-1/preset.json b/styles/block-presets/social-links/lilac-1/social-1/preset.json new file mode 100644 index 0000000..42d31ce --- /dev/null +++ b/styles/block-presets/social-links/lilac-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Lilac 1 Social 1", + "slug": "ext-preset--social-links--lilac-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/linen-1/social-1/preset.json b/styles/block-presets/social-links/linen-1/social-1/preset.json new file mode 100644 index 0000000..2c042e2 --- /dev/null +++ b/styles/block-presets/social-links/linen-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Linen 1 Social 1", + "slug": "ext-preset--social-links--linen-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/natural-1/social-1/preset.json b/styles/block-presets/social-links/natural-1/social-1/preset.json new file mode 100644 index 0000000..c00b6ab --- /dev/null +++ b/styles/block-presets/social-links/natural-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Social 1", + "slug": "ext-preset--social-links--natural-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/placard-1/social-1/preset.json b/styles/block-presets/social-links/placard-1/social-1/preset.json new file mode 100644 index 0000000..ac32e58 --- /dev/null +++ b/styles/block-presets/social-links/placard-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Placard 1 Social 1", + "slug": "ext-preset--social-links--placard-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/pristine-1/social-1/preset.json b/styles/block-presets/social-links/pristine-1/social-1/preset.json new file mode 100644 index 0000000..0dea557 --- /dev/null +++ b/styles/block-presets/social-links/pristine-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pristine 1 Social 1", + "slug": "ext-preset--social-links--pristine-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--chip-ink) !important; background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; }" + } +} diff --git a/styles/block-presets/social-links/pulp-1/social-1/preset.json b/styles/block-presets/social-links/pulp-1/social-1/preset.json new file mode 100644 index 0000000..34d81ac --- /dev/null +++ b/styles/block-presets/social-links/pulp-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Pulp 1 Social 1", + "slug": "ext-preset--social-links--pulp-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/rainbow-1/social-1/preset.json b/styles/block-presets/social-links/rainbow-1/social-1/preset.json new file mode 100644 index 0000000..f163099 --- /dev/null +++ b/styles/block-presets/social-links/rainbow-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Rainbow 1 Social 1", + "slug": "ext-preset--social-links--rainbow-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/retro-1/social-1/preset.json b/styles/block-presets/social-links/retro-1/social-1/preset.json new file mode 100644 index 0000000..807451f --- /dev/null +++ b/styles/block-presets/social-links/retro-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Retro 1 Social 1", + "slug": "ext-preset--social-links--retro-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--chip-ink) !important; background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; }" + } +} diff --git a/styles/block-presets/social-links/sanctuary-1/social-1/preset.json b/styles/block-presets/social-links/sanctuary-1/social-1/preset.json new file mode 100644 index 0000000..8f46c7a --- /dev/null +++ b/styles/block-presets/social-links/sanctuary-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Sanctuary 1 Social 1", + "slug": "ext-preset--social-links--sanctuary-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--icon-brand) !important; border-radius: 999px; padding: 8px; border: 1.5px solid var(--wp--custom--color--stroke-brand); }" + } +} diff --git a/styles/block-presets/social-links/umber-1/social-1/preset.json b/styles/block-presets/social-links/umber-1/social-1/preset.json new file mode 100644 index 0000000..69ac75c --- /dev/null +++ b/styles/block-presets/social-links/umber-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Umber 1 Social 1", + "slug": "ext-preset--social-links--umber-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/block-presets/social-links/vitreous-1/social-1/preset.json b/styles/block-presets/social-links/vitreous-1/social-1/preset.json new file mode 100644 index 0000000..f720a21 --- /dev/null +++ b/styles/block-presets/social-links/vitreous-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Vitreous 1 Social 1", + "slug": "ext-preset--social-links--vitreous-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/colors/lattice-atelier.json b/styles/colors/atelier-palette.json similarity index 85% rename from styles/colors/lattice-atelier.json rename to styles/colors/atelier-palette.json index c0aeb0c..8789a8d 100644 --- a/styles/colors/lattice-atelier.json +++ b/styles/colors/atelier-palette.json @@ -1,7 +1,7 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Lattice · Oxblood", + "title": "Oxblood", "settings": { "color": { "duotone": [ @@ -92,7 +92,16 @@ "text-strong": "#221A14", "background-base": "#F5EFE3", "text-weak": "#615750", - "background-sunken": "#ECE3D2" + "background-sunken": "#ECE3D2", + "background-tint-1": "#E7D9C4", + "background-tint-2": "#DEC6AC", + "background-tint-3": "#EFC7A8", + "background-tint-1-ink": "#221A14", + "background-tint-1-weak": "#403731", + "background-tint-2-ink": "#100904", + "background-tint-2-weak": "#100904", + "background-tint-3-ink": "#221A14", + "background-tint-3-weak": "#271F19" }, "elements": { "button": { diff --git a/styles/colors/butterscotch.json b/styles/colors/butterscotch.json index ea65fc9..7b81b1e 100644 --- a/styles/colors/butterscotch.json +++ b/styles/colors/butterscotch.json @@ -6,32 +6,50 @@ "color": { "duotone": [ { - "colors": ["#31190F", "#6E5C2D"], + "colors": [ + "#31190F", + "#6E5C2D" + ], "slug": "primary-and-secondary", "name": "Primary and secondary" }, { - "colors": ["#31190F", "#FFEAB7"], + "colors": [ + "#31190F", + "#FFEAB7" + ], "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, { - "colors": ["#6E5C2D", "#31190F"], + "colors": [ + "#6E5C2D", + "#31190F" + ], "slug": "secondary-and-primary", "name": "Secondary and primary" }, { - "colors": ["#31190F", "#FBF4E4"], + "colors": [ + "#31190F", + "#FBF4E4" + ], "slug": "foreground-and-background", "name": "Foreground and background" }, { - "colors": ["#31190F", "#FBF4E4"], + "colors": [ + "#31190F", + "#FBF4E4" + ], "slug": "primary-foreground", "name": "Primary and Foreground" }, { - "colors": ["#FBF4E4", "#FFEAB7"], + "colors": [ + "#FBF4E4", + "#FFEAB7" + ], "slug": "background-tertiary", "name": "Background and Background Alt" } @@ -104,4 +122,4 @@ } } } -} \ No newline at end of file +} diff --git a/styles/colors/lattice-citrus.json b/styles/colors/citrus-palette.json similarity index 85% rename from styles/colors/lattice-citrus.json rename to styles/colors/citrus-palette.json index 9bf26e9..cb61530 100644 --- a/styles/colors/lattice-citrus.json +++ b/styles/colors/citrus-palette.json @@ -1,7 +1,7 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Lattice · Marmalade", + "title": "Marmalade", "settings": { "color": { "duotone": [ @@ -92,7 +92,16 @@ "text-strong": "#38266E", "background-base": "#FDFBF7", "text-weak": "#6759A6", - "background-sunken": "#F3EEFB" + "background-sunken": "#F3EEFB", + "background-tint-1": "#FAEEDC", + "background-tint-2": "#F8E3C6", + "background-tint-3": "#F8D5AB", + "background-tint-1-ink": "#38266E", + "background-tint-1-weak": "#574893", + "background-tint-2-ink": "#38266E", + "background-tint-2-weak": "#4C3D87", + "background-tint-3-ink": "#38266E", + "background-tint-3-weak": "#3D2C74" }, "elements": { "button": { diff --git a/styles/colors/ember-palette.json b/styles/colors/ember-palette.json new file mode 100644 index 0000000..5441b3f --- /dev/null +++ b/styles/colors/ember-palette.json @@ -0,0 +1,134 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Ember", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#B5402F", + "#D15947" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#B5402F", + "#F7E1DE" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#D15947", + "#B5402F" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#302C2B", + "#FDF7F6" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#B5402F", + "#302C2B" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FDF7F6", + "#F7E1DE" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#B5402F", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#D15947", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#302C2B", + "background-base": "#FDF7F6", + "text-weak": "#666160", + "background-sunken": "#F7E1DE", + "background-tint-1": "#F7E1DE", + "background-tint-2": "#F1CFC9", + "background-tint-3": "#F1C0B7" + }, + "elements": { + "button": { + "color": { + "background": "#B5402F", + "text": "#FDF7F6" + }, + ":hover": { + "color": { + "background": "#D15947", + "text": "#FDF7F6" + } + }, + ":focus": { + "color": { + "background": "#B5402F", + "text": "#FDF7F6" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/harvest-palette.json b/styles/colors/harvest-palette.json new file mode 100644 index 0000000..f7ba659 --- /dev/null +++ b/styles/colors/harvest-palette.json @@ -0,0 +1,134 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Harvest", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#3B2A20", + "#513E34" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#3B2A20", + "#E9E3D2" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#513E34", + "#3B2A20" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#3B2A20", + "#F2EFE3" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#3B2A20", + "#3B2A20" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F2EFE3", + "#E9E3D2" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#3B2A20", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#513E34", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#3B2A20", + "background-base": "#F2EFE3", + "text-weak": "#675449", + "background-sunken": "#E9E3D2", + "background-tint-1": "#EEE8D2", + "background-tint-2": "#EBE2C4", + "background-tint-3": "#E7DBB2" + }, + "elements": { + "button": { + "color": { + "background": "#3B2A20", + "text": "#F2EFE3" + }, + ":hover": { + "color": { + "background": "#513E34", + "text": "#F2EFE3" + } + }, + ":focus": { + "color": { + "background": "#3B2A20", + "text": "#F2EFE3" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/lattice-haven.json b/styles/colors/haven-palette.json similarity index 85% rename from styles/colors/lattice-haven.json rename to styles/colors/haven-palette.json index 759fe2e..556d386 100644 --- a/styles/colors/lattice-haven.json +++ b/styles/colors/haven-palette.json @@ -1,7 +1,7 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Lattice · Sage", + "title": "Sage", "settings": { "color": { "duotone": [ @@ -92,7 +92,16 @@ "text-strong": "#32362B", "background-base": "#F2EDE4", "text-weak": "#52564A", - "background-sunken": "#E3D9C9" + "background-sunken": "#E3D9C9", + "background-tint-1": "#E1DCD0", + "background-tint-2": "#D2CEBF", + "background-tint-3": "#CDCAB7", + "background-tint-1-ink": "#32362B", + "background-tint-1-weak": "#373B30", + "background-tint-2-ink": "#1A1D13", + "background-tint-2-weak": "#1A1D13", + "background-tint-3-ink": "#030501", + "background-tint-3-weak": "#030501" }, "elements": { "button": { diff --git a/styles/colors/iris-palette.json b/styles/colors/iris-palette.json new file mode 100644 index 0000000..e80e982 --- /dev/null +++ b/styles/colors/iris-palette.json @@ -0,0 +1,134 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Iris", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#201A4F", + "#332F66" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#201A4F", + "#E3EDFB" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#332F66", + "#201A4F" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#201A4F", + "#FFFFFF" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#201A4F", + "#201A4F" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FFFFFF", + "#E3EDFB" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#201A4F", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#332F66", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#201A4F", + "background-base": "#FFFFFF", + "text-weak": "#6767A4", + "background-sunken": "#E3EDFB", + "background-tint-1": "#EBECFE", + "background-tint-2": "#DBDDFD", + "background-tint-3": "#C8CAFB" + }, + "elements": { + "button": { + "color": { + "background": "#201A4F", + "text": "#FFFFFF" + }, + ":hover": { + "color": { + "background": "#332F66", + "text": "#FFFFFF" + } + }, + ":focus": { + "color": { + "background": "#201A4F", + "text": "#FFFFFF" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/lilac-palette.json b/styles/colors/lilac-palette.json new file mode 100644 index 0000000..6ed91e7 --- /dev/null +++ b/styles/colors/lilac-palette.json @@ -0,0 +1,140 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Periwinkle", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#6C4CF1", + "#816EFF" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#6C4CF1", + "#E4E7FA" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#816EFF", + "#6C4CF1" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#221A4E", + "#FFFFFF" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#6C4CF1", + "#221A4E" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FFFFFF", + "#E4E7FA" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#6C4CF1", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#816EFF", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#221A4E", + "background-base": "#FFFFFF", + "text-weak": "#6A67A2", + "background-sunken": "#E4E7FA", + "background-tint-1": "#F6F4FF", + "background-tint-2": "#EFEBFE", + "background-tint-3": "#E6E1FE", + "background-tint-1-ink": "#221A4E", + "background-tint-1-weak": "#595690", + "background-tint-2-ink": "#221A4E", + "background-tint-2-weak": "#4E4B83", + "background-tint-3-ink": "#221A4E", + "background-tint-3-weak": "#443F77" + }, + "elements": { + "button": { + "color": { + "background": "#6C4CF1", + "text": "#FFFFFF" + }, + ":hover": { + "color": { + "background": "#816EFF", + "text": "#FFFFFF" + } + }, + ":focus": { + "color": { + "background": "#6C4CF1", + "text": "#FFFFFF" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/linen-palette.json b/styles/colors/linen-palette.json new file mode 100644 index 0000000..5b72adf --- /dev/null +++ b/styles/colors/linen-palette.json @@ -0,0 +1,150 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Slate Mist", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#22231F", + "#363733" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#22231F", + "#C9D2D6" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#363733", + "#22231F" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#22231F", + "#F1F0EC" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#22231F", + "#22231F" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F1F0EC", + "#C9D2D6" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#22231F", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#363733", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + } + ] + }, + "custom": { + "color": { + "text-strong": "#22231F", + "background-base": "#F1F0EC", + "text-weak": "#565752", + "background-sunken": "#C9D2D6", + "background-tint-1": "#C9D2D6", + "background-tint-2": "#E1CBAD", + "background-tint-3": "#DBD5C7", + "background-tint-1-ink": "#22231F", + "background-tint-1-weak": "#22231F", + "background-tint-2-ink": "#1D1E1A", + "background-tint-2-weak": "#1D1E1A", + "background-tint-3-ink": "#22231F", + "background-tint-3-weak": "#2C2D29" + }, + "elements": { + "button": { + "color": { + "background": "#22231F", + "text": "#F1F0EC" + }, + ":hover": { + "color": { + "background": "#363733", + "text": "#F1F0EC" + } + }, + ":focus": { + "color": { + "background": "#22231F", + "text": "#F1F0EC" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/matcha-palette.json b/styles/colors/matcha-palette.json new file mode 100644 index 0000000..d7553f0 --- /dev/null +++ b/styles/colors/matcha-palette.json @@ -0,0 +1,134 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Matcha", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#4A3524", + "#604A39" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#4A3524", + "#E4F2E4" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#604A39", + "#4A3524" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#4A3524", + "#FFFFFF" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#4A3524", + "#4A3524" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FFFFFF", + "#E4F2E4" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#4A3524", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#604A39", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#4A3524", + "background-base": "#FFFFFF", + "text-weak": "#7D6654", + "background-sunken": "#E4F2E4", + "background-tint-1": "#F3F8F3", + "background-tint-2": "#E9F2E8", + "background-tint-3": "#DDEBDC" + }, + "elements": { + "button": { + "color": { + "background": "#4A3524", + "text": "#FFFFFF" + }, + ":hover": { + "color": { + "background": "#604A39", + "text": "#FFFFFF" + } + }, + ":focus": { + "color": { + "background": "#4A3524", + "text": "#FFFFFF" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/novella-palette.json b/styles/colors/novella-palette.json new file mode 100644 index 0000000..da0a2a6 --- /dev/null +++ b/styles/colors/novella-palette.json @@ -0,0 +1,134 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Novella", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#B5402F", + "#D15947" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#B5402F", + "#EFE7D8" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#D15947", + "#B5402F" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#3A2418", + "#FFFFFF" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#B5402F", + "#3A2418" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FFFFFF", + "#EFE7D8" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#B5402F", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#D15947", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#3A2418", + "background-base": "#FFFFFF", + "text-weak": "#7E6456", + "background-sunken": "#EFE7D8", + "background-tint-1": "#F9E8E5", + "background-tint-2": "#F3D5D0", + "background-tint-3": "#F2C5BC" + }, + "elements": { + "button": { + "color": { + "background": "#B5402F", + "text": "#FFFFFF" + }, + ":hover": { + "color": { + "background": "#D15947", + "text": "#FFFFFF" + } + }, + ":focus": { + "color": { + "background": "#B5402F", + "text": "#FFFFFF" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/orchid-palette.json b/styles/colors/orchid-palette.json new file mode 100644 index 0000000..543a16e --- /dev/null +++ b/styles/colors/orchid-palette.json @@ -0,0 +1,134 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Orchid", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#5E1E41", + "#763457" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#5E1E41", + "#DCE9FA" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#763457", + "#5E1E41" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#5E1E41", + "#FFFFFF" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#5E1E41", + "#5E1E41" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FFFFFF", + "#DCE9FA" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#5E1E41", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#763457", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#5E1E41", + "background-base": "#FFFFFF", + "text-weak": "#9C5679", + "background-sunken": "#DCE9FA", + "background-tint-1": "#F9EFFB", + "background-tint-2": "#F4E2F8", + "background-tint-3": "#EDD2F3" + }, + "elements": { + "button": { + "color": { + "background": "#5E1E41", + "text": "#FFFFFF" + }, + ":hover": { + "color": { + "background": "#763457", + "text": "#FFFFFF" + } + }, + ":focus": { + "color": { + "background": "#5E1E41", + "text": "#FFFFFF" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/placard-palette.json b/styles/colors/placard-palette.json new file mode 100644 index 0000000..8bf0978 --- /dev/null +++ b/styles/colors/placard-palette.json @@ -0,0 +1,155 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Riot", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#141414", + "#272727" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#141414", + "#EAE8E1" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#272727", + "#141414" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#141414", + "#F5F4F0" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#141414", + "#141414" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F5F4F0", + "#EAE8E1" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#141414", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#272727", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + }, + { + "slug": "background-tint-3", + "color": "var(--wp--custom--color--background-tint-3)", + "name": "Card 3" + } + ] + }, + "custom": { + "color": { + "text-strong": "#141414", + "background-base": "#F5F4F0", + "text-weak": "#5B5B5B", + "background-sunken": "#EAE8E1", + "background-tint-1": "#F9E547", + "background-tint-2": "#6650EE", + "background-tint-3": "#141414", + "background-tint-1-ink": "#141414", + "background-tint-1-weak": "#141414", + "background-tint-2-ink": "#F9F8F4", + "background-tint-2-weak": "#F9F8F4", + "background-tint-3-ink": "#F5F4F0", + "background-tint-3-weak": "#CECDC9" + }, + "elements": { + "button": { + "color": { + "background": "#141414", + "text": "#F5F4F0" + }, + ":hover": { + "color": { + "background": "#272727", + "text": "#F5F4F0" + } + }, + ":focus": { + "color": { + "background": "#141414", + "text": "#F5F4F0" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/pristine-palette.json b/styles/colors/pristine-palette.json new file mode 100644 index 0000000..19b9516 --- /dev/null +++ b/styles/colors/pristine-palette.json @@ -0,0 +1,145 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Sage & Wisteria", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#7A3FB5", + "#9258D0" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#7A3FB5", + "#E9F0D8" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#9258D0", + "#7A3FB5" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#1E1E1C", + "#FAFAF7" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#7A3FB5", + "#1E1E1C" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FAFAF7", + "#E9F0D8" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#7A3FB5", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#9258D0", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + } + ] + }, + "custom": { + "color": { + "text-strong": "#1E1E1C", + "background-base": "#FAFAF7", + "text-weak": "#676765", + "background-sunken": "#E9F0D8", + "background-tint-1": "#FFFFFF", + "background-tint-2": "#F2E6D7", + "background-tint-3": "#F1D8CA", + "background-tint-1-ink": "#1E1E1C", + "background-tint-1-weak": "#1E1E1C", + "background-tint-2-ink": "#1E1E1C", + "background-tint-2-weak": "#4C4C49", + "background-tint-3-ink": "#1E1E1C", + "background-tint-3-weak": "#3C3C39" + }, + "elements": { + "button": { + "color": { + "background": "#7A3FB5", + "text": "#FAFAF7" + }, + ":hover": { + "color": { + "background": "#9258D0", + "text": "#FAFAF7" + } + }, + ":focus": { + "color": { + "background": "#7A3FB5", + "text": "#FAFAF7" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/pulp-palette.json b/styles/colors/pulp-palette.json new file mode 100644 index 0000000..c7ba30f --- /dev/null +++ b/styles/colors/pulp-palette.json @@ -0,0 +1,150 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Newsprint", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#AD0B00", + "#C93323" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#AD0B00", + "#EDE5CE" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#C93323", + "#AD0B00" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#171512", + "#F4EDDA" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#AD0B00", + "#171512" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F4EDDA", + "#EDE5CE" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#AD0B00", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#C93323", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + } + ] + }, + "custom": { + "color": { + "text-strong": "#171512", + "background-base": "#F4EDDA", + "text-weak": "#54514E", + "background-sunken": "#EDE5CE", + "background-tint-1": "#FEC743", + "background-tint-2": "#F4EDDA", + "background-tint-3": "#B3D8B2", + "background-tint-1-ink": "#171512", + "background-tint-1-weak": "#171512", + "background-tint-2-ink": "#171512", + "background-tint-2-weak": "#171512", + "background-tint-3-ink": "#171512", + "background-tint-3-weak": "#201E1B" + }, + "elements": { + "button": { + "color": { + "background": "#AD0B00", + "text": "#F4EDDA" + }, + ":hover": { + "color": { + "background": "#C93323", + "text": "#F4EDDA" + } + }, + ":focus": { + "color": { + "background": "#AD0B00", + "text": "#F4EDDA" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/rainbow-palette.json b/styles/colors/rainbow-palette.json new file mode 100644 index 0000000..8f9c0b1 --- /dev/null +++ b/styles/colors/rainbow-palette.json @@ -0,0 +1,140 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Apricot", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#24398C", + "#3851A6" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#24398C", + "#FBDDC2" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#3851A6", + "#24398C" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#24398C", + "#FDF3EA" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#24398C", + "#24398C" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FDF3EA", + "#FBDDC2" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#24398C", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#3851A6", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#24398C", + "background-base": "#FDF3EA", + "text-weak": "#3D57AC", + "background-sunken": "#FBDDC2", + "background-tint-1": "#FBE5D2", + "background-tint-2": "#FAD9BF", + "background-tint-3": "#F9C9A8", + "background-tint-1-ink": "#24398C", + "background-tint-1-weak": "#2E4599", + "background-tint-2-ink": "#1F3386", + "background-tint-2-weak": "#1F3386", + "background-tint-3-ink": "#0F1B6D", + "background-tint-3-weak": "#0F1B6D" + }, + "elements": { + "button": { + "color": { + "background": "#24398C", + "text": "#FDF3EA" + }, + ":hover": { + "color": { + "background": "#3851A6", + "text": "#FDF3EA" + } + }, + ":focus": { + "color": { + "background": "#24398C", + "text": "#FDF3EA" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/retro-palette.json b/styles/colors/retro-palette.json new file mode 100644 index 0000000..5c7d666 --- /dev/null +++ b/styles/colors/retro-palette.json @@ -0,0 +1,163 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Butterscotch", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#422922", + "#583E36" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#422922", + "#FFEBB8" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#583E36", + "#422922" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#302C2A", + "#FCF9E6" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#422922", + "#302C2A" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FCF9E6", + "#FFEBB8" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#422922", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#583E36", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + }, + { + "slug": "background-tint-3", + "color": "var(--wp--custom--color--background-tint-3)", + "name": "Card 3" + }, + { + "slug": "background-tint-4", + "color": "var(--wp--custom--color--background-tint-4)", + "name": "Card 4" + } + ] + }, + "custom": { + "color": { + "text-strong": "#302C2A", + "background-base": "#FCF9E6", + "text-weak": "#66615F", + "background-sunken": "#FFEBB8", + "background-tint-1": "#FAB5EE", + "background-tint-2": "#F0E3A9", + "background-tint-3": "#5A3828", + "background-tint-1-ink": "#13100E", + "background-tint-1-weak": "#13100E", + "background-tint-2-ink": "#302C2A", + "background-tint-2-weak": "#302C2A", + "background-tint-3-ink": "#FCF9E6", + "background-tint-3-weak": "#E1DECC", + "background-tint-4": "#B5DAD5", + "background-tint-4-ink": "#2B2725", + "background-tint-4-weak": "#2B2725" + }, + "elements": { + "button": { + "color": { + "background": "#422922", + "text": "#FCF9E6" + }, + ":hover": { + "color": { + "background": "#583E36", + "text": "#FCF9E6" + } + }, + ":focus": { + "color": { + "background": "#422922", + "text": "#FCF9E6" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/lattice-sanctuary.json b/styles/colors/sanctuary-palette.json similarity index 85% rename from styles/colors/lattice-sanctuary.json rename to styles/colors/sanctuary-palette.json index 37a062e..9c33371 100644 --- a/styles/colors/lattice-sanctuary.json +++ b/styles/colors/sanctuary-palette.json @@ -1,7 +1,7 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Lattice · Evergreen", + "title": "Evergreen", "settings": { "color": { "duotone": [ @@ -92,7 +92,16 @@ "text-strong": "#EFE6D2", "background-base": "#12312B", "text-weak": "#DBD2BF", - "background-sunken": "#17403A" + "background-sunken": "#17403A", + "background-tint-1": "#1F4034", + "background-tint-2": "#2D4D3A", + "background-tint-3": "#3F5C41", + "background-tint-1-ink": "#EFE6D2", + "background-tint-1-weak": "#E2D9C5", + "background-tint-2-ink": "#EFE6D2", + "background-tint-2-weak": "#E8DFCC", + "background-tint-3-ink": "#F6EDD9", + "background-tint-3-weak": "#F6EDD9" }, "elements": { "button": { diff --git a/styles/colors/umber-palette.json b/styles/colors/umber-palette.json new file mode 100644 index 0000000..ce6cdb1 --- /dev/null +++ b/styles/colors/umber-palette.json @@ -0,0 +1,140 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Plaster & Umber", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#4A3A2B", + "#604F40" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#4A3A2B", + "#E4DCCE" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#604F40", + "#4A3A2B" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#3B2E23", + "#F2EEE7" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#4A3A2B", + "#3B2E23" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F2EEE7", + "#E4DCCE" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#4A3A2B", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#604F40", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#3B2E23", + "background-base": "#F2EEE7", + "text-weak": "#615347", + "background-sunken": "#E4DCCE", + "background-tint-1": "#E9E2D8", + "background-tint-2": "#E1D9CB", + "background-tint-3": "#D8CDBD", + "background-tint-1-ink": "#3B2E23", + "background-tint-1-weak": "#504337", + "background-tint-2-ink": "#3B2E23", + "background-tint-2-weak": "#403328", + "background-tint-3-ink": "#271B10", + "background-tint-3-weak": "#271B10" + }, + "elements": { + "button": { + "color": { + "background": "#4A3A2B", + "text": "#F2EEE7" + }, + ":hover": { + "color": { + "background": "#604F40", + "text": "#F2EEE7" + } + }, + ":focus": { + "color": { + "background": "#4A3A2B", + "text": "#F2EEE7" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/vitreous-palette.json b/styles/colors/vitreous-palette.json new file mode 100644 index 0000000..50232f0 --- /dev/null +++ b/styles/colors/vitreous-palette.json @@ -0,0 +1,140 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Sage Glass", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#1C1E1B", + "#2F312E" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#1C1E1B", + "#E7EAE3" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#2F312E", + "#1C1E1B" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#1C1E1B", + "#FBFBF9" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#1C1E1B", + "#1C1E1B" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FBFBF9", + "#E7EAE3" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#1C1E1B", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#2F312E", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + } + ] + }, + "custom": { + "color": { + "text-strong": "#1C1E1B", + "background-base": "#FBFBF9", + "text-weak": "#656764", + "background-sunken": "#E7EAE3", + "background-tint-1": "#F1F2EC", + "background-tint-2": "#E9EAE2", + "background-tint-3": "#DEE1D6", + "background-tint-1-ink": "#1C1E1B", + "background-tint-1-weak": "#5A5C59", + "background-tint-2-ink": "#1C1E1B", + "background-tint-2-weak": "#494C48", + "background-tint-3-ink": "#1C1E1B", + "background-tint-3-weak": "#3F413E" + }, + "elements": { + "button": { + "color": { + "background": "#1C1E1B", + "text": "#FBFBF9" + }, + ":hover": { + "color": { + "background": "#2F312E", + "text": "#FBFBF9" + } + }, + ":focus": { + "color": { + "background": "#1C1E1B", + "text": "#FBFBF9" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/globals/atelier-globals.json b/styles/globals/atelier-globals.json new file mode 100644 index 0000000..85af8c3 --- /dev/null +++ b/styles/globals/atelier-globals.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Atelier Globals", + "slug": "ext-atelier-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": {} + } +} diff --git a/styles/globals/lilac-globals.json b/styles/globals/lilac-globals.json new file mode 100644 index 0000000..8fc5b09 --- /dev/null +++ b/styles/globals/lilac-globals.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Lilac Globals", + "slug": "ext-lilac-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": {} + } +} diff --git a/styles/globals/linen-globals.json b/styles/globals/linen-globals.json new file mode 100644 index 0000000..7c7f05e --- /dev/null +++ b/styles/globals/linen-globals.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Linen Globals", + "slug": "ext-linen-globals", + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(1.758rem, 1.758rem + ((1vw - 0.2rem) * 3.009), 3.563rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.425rem, 1.425rem + ((1vw - 0.2rem) * 2.375), 2.85rem)" + } + } + } + } +} diff --git a/styles/globals/placard-globals.json b/styles/globals/placard-globals.json new file mode 100644 index 0000000..d23327b --- /dev/null +++ b/styles/globals/placard-globals.json @@ -0,0 +1,28 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Placard Globals", + "slug": "ext-placard-globals", + "settings": { + "custom": { + "space-scale": "0.65", + "gap-scale": "0.125" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.405rem, 2.405rem + ((1vw - 0.2rem) * 4.117), 4.875rem)", + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.95rem, 1.95rem + ((1vw - 0.2rem) * 3.25), 3.9rem)", + "textTransform": "uppercase" + } + } + } + } +} diff --git a/styles/globals/pristine-globals.json b/styles/globals/pristine-globals.json new file mode 100644 index 0000000..f30685f --- /dev/null +++ b/styles/globals/pristine-globals.json @@ -0,0 +1,25 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Pristine Globals", + "slug": "ext-pristine-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(1.758rem, 1.758rem + ((1vw - 0.2rem) * 3.009), 3.563rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.425rem, 1.425rem + ((1vw - 0.2rem) * 2.375), 2.85rem)" + } + } + } + } +} diff --git a/styles/globals/pulp-globals.json b/styles/globals/pulp-globals.json new file mode 100644 index 0000000..4b4d2a3 --- /dev/null +++ b/styles/globals/pulp-globals.json @@ -0,0 +1,27 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Pulp Globals", + "slug": "ext-pulp-globals", + "settings": { + "custom": { + "space-scale": "0.85" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.313rem, 2.313rem + ((1vw - 0.2rem) * 3.959), 4.688rem)", + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.875rem, 1.875rem + ((1vw - 0.2rem) * 3.125), 3.75rem)", + "textTransform": "uppercase" + } + } + } + } +} diff --git a/styles/globals/rainbow-globals.json b/styles/globals/rainbow-globals.json new file mode 100644 index 0000000..48bf645 --- /dev/null +++ b/styles/globals/rainbow-globals.json @@ -0,0 +1,25 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Rainbow Globals", + "slug": "ext-rainbow-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)" + } + } + } + } +} diff --git a/styles/globals/retro-globals.json b/styles/globals/retro-globals.json new file mode 100644 index 0000000..c3eed94 --- /dev/null +++ b/styles/globals/retro-globals.json @@ -0,0 +1,22 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Retro Globals", + "slug": "ext-retro-globals", + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)", + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)", + "textTransform": "uppercase" + } + } + } + } +} diff --git a/styles/globals/sanctuary-globals.json b/styles/globals/sanctuary-globals.json new file mode 100644 index 0000000..6a904d8 --- /dev/null +++ b/styles/globals/sanctuary-globals.json @@ -0,0 +1,25 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Sanctuary Globals", + "slug": "ext-sanctuary-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "textTransform": "uppercase" + } + } + } + } +} diff --git a/styles/globals/umber-globals.json b/styles/globals/umber-globals.json new file mode 100644 index 0000000..2c98332 --- /dev/null +++ b/styles/globals/umber-globals.json @@ -0,0 +1,25 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Umber Globals", + "slug": "ext-umber-globals", + "settings": { + "custom": { + "space-scale": "0.85" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(1.943rem, 1.943rem + ((1vw - 0.2rem) * 3.325), 3.938rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.575rem, 1.575rem + ((1vw - 0.2rem) * 2.625), 3.15rem)" + } + } + } + } +} diff --git a/styles/globals/vitreous-globals.json b/styles/globals/vitreous-globals.json new file mode 100644 index 0000000..571dc42 --- /dev/null +++ b/styles/globals/vitreous-globals.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Vitreous Globals", + "slug": "ext-vitreous-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": {} + } +} diff --git a/styles/typography/atelier-typography.json b/styles/typography/atelier-typography.json new file mode 100644 index 0000000..0b2a695 --- /dev/null +++ b/styles/typography/atelier-typography.json @@ -0,0 +1,35 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Atelier", + "slug": "ext-atelier", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500", + "letterSpacing": "0em", + "fontStyle": "italic", + "lineHeight": "1.15" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "0em", + "fontStyle": "italic", + "lineHeight": "1.15" + } + } + } + } +} diff --git a/styles/typography/datasheet-typography.json b/styles/typography/datasheet-typography.json new file mode 100644 index 0000000..fa05b6b --- /dev/null +++ b/styles/typography/datasheet-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Datasheet", + "slug": "ext-datasheet", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "600" + } + }, + "h1": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.05" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.05" + } + } + } + } +} diff --git a/styles/typography/editorial-typography.json b/styles/typography/editorial-typography.json new file mode 100644 index 0000000..1e91905 --- /dev/null +++ b/styles/typography/editorial-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Editorial", + "slug": "ext-editorial", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.1" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.1" + } + } + } + } +} diff --git a/styles/typography/haven-typography.json b/styles/typography/haven-typography.json new file mode 100644 index 0000000..1dbb5f8 --- /dev/null +++ b/styles/typography/haven-typography.json @@ -0,0 +1,29 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Haven", + "slug": "ext-haven", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "400" + } + }, + "h1": { + "typography": { + "fontWeight": "300" + } + }, + "h2": { + "typography": { + "fontWeight": "300" + } + } + } + } +} diff --git a/styles/typography/lilac-typography.json b/styles/typography/lilac-typography.json new file mode 100644 index 0000000..1573f2d --- /dev/null +++ b/styles/typography/lilac-typography.json @@ -0,0 +1,31 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Lilac", + "slug": "ext-lilac", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em" + } + } + } + } +} diff --git a/styles/typography/linen-typography.json b/styles/typography/linen-typography.json new file mode 100644 index 0000000..9d4e7f8 --- /dev/null +++ b/styles/typography/linen-typography.json @@ -0,0 +1,29 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Linen", + "slug": "ext-linen", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Karla', 'Segoe UI', system-ui, -apple-system, sans-serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500" + } + }, + "h2": { + "typography": { + "fontWeight": "500" + } + } + } + } +} diff --git a/styles/typography/luxury-typography.json b/styles/typography/luxury-typography.json new file mode 100644 index 0000000..ea42edd --- /dev/null +++ b/styles/typography/luxury-typography.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Luxury", + "slug": "ext-luxury", + "styles": { + "typography": { + "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", + "lineHeight": "1.65" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", + "fontWeight": "400" + } + }, + "h1": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.01em" + } + }, + "h2": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.01em" + } + } + } + } +} diff --git a/styles/typography/modern-saas-typography.json b/styles/typography/modern-saas-typography.json new file mode 100644 index 0000000..2520db4 --- /dev/null +++ b/styles/typography/modern-saas-typography.json @@ -0,0 +1,31 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Modern Saas", + "slug": "ext-modern-saas", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "700" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.02em" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.02em" + } + } + } + } +} diff --git a/styles/typography/neutral-typography.json b/styles/typography/neutral-typography.json new file mode 100644 index 0000000..3a2249c --- /dev/null +++ b/styles/typography/neutral-typography.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Neutral", + "slug": "ext-neutral", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + } + } + } + } +} diff --git a/styles/typography/placard-typography.json b/styles/typography/placard-typography.json new file mode 100644 index 0000000..1909b9b --- /dev/null +++ b/styles/typography/placard-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Placard", + "slug": "ext-placard", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Oswald', 'Arial Narrow', 'Helvetica Neue Condensed', system-ui, sans-serif", + "fontWeight": "600" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.01em", + "lineHeight": "1.05" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.01em", + "lineHeight": "1.05" + } + } + } + } +} diff --git a/styles/typography/poster-typography.json b/styles/typography/poster-typography.json new file mode 100644 index 0000000..64d6e04 --- /dev/null +++ b/styles/typography/poster-typography.json @@ -0,0 +1,34 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Poster", + "slug": "ext-poster", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "450" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Montserrat', 'Arial Narrow', system-ui, sans-serif", + "fontWeight": "700" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "0.02em", + "lineHeight": "1.05" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "0.02em", + "lineHeight": "1.05" + } + } + } + } +} diff --git a/styles/typography/pristine-typography.json b/styles/typography/pristine-typography.json new file mode 100644 index 0000000..26c0619 --- /dev/null +++ b/styles/typography/pristine-typography.json @@ -0,0 +1,29 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Pristine", + "slug": "ext-pristine", + "styles": { + "typography": { + "fontFamily": "'Noto Serif Display', 'Source Serif Pro', Georgia, serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Karla', 'Segoe UI', system-ui, -apple-system, sans-serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500" + } + }, + "h2": { + "typography": { + "fontWeight": "500" + } + } + } + } +} diff --git a/styles/typography/pulp-typography.json b/styles/typography/pulp-typography.json new file mode 100644 index 0000000..afa57d7 --- /dev/null +++ b/styles/typography/pulp-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Pulp", + "slug": "ext-pulp", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Archivo', 'Helvetica Neue', system-ui, sans-serif", + "fontWeight": "700" + } + }, + "h1": { + "typography": { + "fontWeight": "900", + "letterSpacing": "0em", + "lineHeight": "1.05" + } + }, + "h2": { + "typography": { + "fontWeight": "900", + "letterSpacing": "0em", + "lineHeight": "1.05" + } + } + } + } +} diff --git a/styles/typography/retro-typography.json b/styles/typography/retro-typography.json new file mode 100644 index 0000000..74120bb --- /dev/null +++ b/styles/typography/retro-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Retro", + "slug": "ext-retro", + "styles": { + "typography": { + "fontFamily": "'DM Sans', 'DM Sans Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Fraunces', 'Fraunces Variable', Georgia, 'Times New Roman', serif", + "fontWeight": "800" + } + }, + "h1": { + "typography": { + "fontWeight": "900", + "letterSpacing": "0.01em", + "lineHeight": "1.05" + } + }, + "h2": { + "typography": { + "fontWeight": "900", + "letterSpacing": "0.01em", + "lineHeight": "1.05" + } + } + } + } +} diff --git a/styles/typography/ritual-typography.json b/styles/typography/ritual-typography.json new file mode 100644 index 0000000..da51172 --- /dev/null +++ b/styles/typography/ritual-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Ritual", + "slug": "ext-ritual", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.12em", + "lineHeight": "1.2" + } + }, + "h2": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.12em", + "lineHeight": "1.2" + } + } + } + } +} diff --git a/styles/typography/storybook-typography.json b/styles/typography/storybook-typography.json new file mode 100644 index 0000000..c14252d --- /dev/null +++ b/styles/typography/storybook-typography.json @@ -0,0 +1,34 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Storybook", + "slug": "ext-storybook", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", + "lineHeight": "1.6" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Baloo Tamma 2', 'Baloo Tamma2', system-ui, -apple-system, sans-serif", + "fontWeight": "600" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "0em", + "lineHeight": "1.15" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "0em", + "lineHeight": "1.15" + } + } + } + } +} diff --git a/styles/typography/tech-typography.json b/styles/typography/tech-typography.json new file mode 100644 index 0000000..1b6bf98 --- /dev/null +++ b/styles/typography/tech-typography.json @@ -0,0 +1,31 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Tech", + "slug": "ext-tech", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'IBM Plex Sans', 'Helvetica Neue', system-ui, sans-serif", + "fontWeight": "600" + } + }, + "h1": { + "typography": { + "fontWeight": "600", + "letterSpacing": "0" + } + }, + "h2": { + "typography": { + "fontWeight": "600", + "letterSpacing": "0" + } + } + } + } +} diff --git a/styles/typography/umber-typography.json b/styles/typography/umber-typography.json new file mode 100644 index 0000000..2166ef3 --- /dev/null +++ b/styles/typography/umber-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Umber", + "slug": "ext-umber", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Marcellus', Georgia, 'Times New Roman', serif", + "fontWeight": "400" + } + }, + "h1": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.02em", + "lineHeight": "1.15" + } + }, + "h2": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.02em", + "lineHeight": "1.15" + } + } + } + } +} diff --git a/styles/typography/vitreous-typography.json b/styles/typography/vitreous-typography.json new file mode 100644 index 0000000..8ded7d3 --- /dev/null +++ b/styles/typography/vitreous-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Vitreous", + "slug": "ext-vitreous", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Jost', 'Futura', 'Century Gothic', system-ui, sans-serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.02em", + "lineHeight": "1.1" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.02em", + "lineHeight": "1.1" + } + } + } + } +} diff --git a/theme.json b/theme.json index 6b414b9..fcb210f 100644 --- a/theme.json +++ b/theme.json @@ -147,10 +147,28 @@ ] }, "custom": { + "gap-scale": "var(--wp--custom--space-scale, 1)", + "gap-snug": "max(4px, calc(8px * var(--wp--custom--gap-scale, 1)))", + "gap-tight": "max(4px, calc(16px * var(--wp--custom--gap-scale, 1)))", + "gap-cozy": "max(4px, calc(24px * var(--wp--custom--gap-scale, 1)))", + "gap-loose": "max(4px, calc(32px * var(--wp--custom--gap-scale, 1)))", + "gap-block": "max(4px, calc(clamp(3rem, 12vw, 5rem) * var(--wp--custom--gap-scale, 1)))", "space-snug": "calc(8px * var(--wp--custom--space-scale, 1))", "space-cozy": "calc(24px * var(--wp--custom--space-scale, 1))", "space-block": "calc(56px * var(--wp--custom--space-scale, 1))", "color": { + "background-tint-1-ink": "var(--wp--preset--color--foreground)", + "background-tint-1-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--custom--color--background-tint-1))", + "background-tint-2-ink": "var(--wp--preset--color--foreground)", + "background-tint-2-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--custom--color--background-tint-2))", + "background-tint-3-ink": "var(--wp--preset--color--foreground)", + "background-tint-3-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--custom--color--background-tint-3))", + "background-tint-4-ink": "var(--wp--preset--color--foreground)", + "background-tint-4-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--custom--color--background-tint-3))", + "background-tint-4": "var(--wp--custom--color--background-tint-3)", + "background-tint-1": "color-mix(in oklab, var(--wp--preset--color--background), var(--wp--preset--color--primary, #1A1A1A) 4%)", + "background-tint-2": "color-mix(in oklab, var(--wp--preset--color--background), var(--wp--preset--color--primary, #1A1A1A) 8%)", + "background-tint-3": "color-mix(in oklab, var(--wp--preset--color--background), var(--wp--preset--color--primary, #1A1A1A) 14%)", "neutral-50": "color-mix(in oklab, #F7F7F7, var(--wp--preset--color--primary, #1A1A1A) 6%)", "neutral-100": "color-mix(in oklab, #ECECEC, var(--wp--preset--color--primary, #1A1A1A) 6%)", "neutral-200": "color-mix(in oklab, #DADADA, var(--wp--preset--color--primary, #1A1A1A) 6%)", @@ -1256,7 +1274,7 @@ } }, "spacing": { - "blockGap": "var(--wp--preset--spacing--30)", + "blockGap": "max(4px, calc(clamp(1.5rem, 6vw, 2rem) * var(--wp--custom--gap-scale, 1)))", "padding": { "top": "0", "right": "var(--wp--preset--spacing--30)", From 33674617e1f48d78f3fd08e6b64c3cfd3070624c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Fri, 31 Jul 2026 07:34:01 +0500 Subject: [PATCH 07/48] =?UTF-8?q?Task=20170:=20linen=20becomes=20Heath=20?= =?UTF-8?q?=E2=80=94=20warm-cream=20recruiting=20palette?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Ports Lattice's linen -> Heath repaint into the live theme: warm-cream paper/wash, sage/sand/mauve/charcoal 4-slab card cycle, ink action color, Inter display type (tracking -0.01em, line 1.1), airy density. Files: styles/block-presets/group/linen-1/** (footer-1, header-1, item-card-1 align-center/align-start, section, template), styles/block-presets/media-text/linen-1/card-1, styles/colors/linen- palette.json, styles/globals/linen-globals.json, styles/typography/ linen-typography.json. --- .../group/linen-1/footer-1/preset.json | 2 +- .../group/linen-1/header-1/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/linen-1/section/preset.json | 2 +- .../group/linen-1/template/preset.json | 2 +- .../media-text/linen-1/card-1/preset.json | 2 +- styles/colors/linen-palette.json | 53 ++++++++++++------- styles/globals/linen-globals.json | 9 +++- styles/typography/linen-typography.json | 14 +++-- 10 files changed, 57 insertions(+), 33 deletions(-) diff --git a/styles/block-presets/group/linen-1/footer-1/preset.json b/styles/block-presets/group/linen-1/footer-1/preset.json index f19bab5..cb40938 100644 --- a/styles/block-presets/group/linen-1/footer-1/preset.json +++ b/styles/block-presets/group/linen-1/footer-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/linen-1/header-1/preset.json b/styles/block-presets/group/linen-1/header-1/preset.json index 721640a..405a4cb 100644 --- a/styles/block-presets/group/linen-1/header-1/preset.json +++ b/styles/block-presets/group/linen-1/header-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index f38a99b..f68b5e5 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" } } diff --git a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json index fc33936..dc5919a 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" } } diff --git a/styles/block-presets/group/linen-1/section/preset.json b/styles/block-presets/group/linen-1/section/preset.json index 5f2f99a..0329f6e 100644 --- a/styles/block-presets/group/linen-1/section/preset.json +++ b/styles/block-presets/group/linen-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" } } diff --git a/styles/block-presets/group/linen-1/template/preset.json b/styles/block-presets/group/linen-1/template/preset.json index 1b48e30..2004e5e 100644 --- a/styles/block-presets/group/linen-1/template/preset.json +++ b/styles/block-presets/group/linen-1/template/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/media-text/linen-1/card-1/preset.json b/styles/block-presets/media-text/linen-1/card-1/preset.json index 7170b51..a246d57 100644 --- a/styles/block-presets/media-text/linen-1/card-1/preset.json +++ b/styles/block-presets/media-text/linen-1/card-1/preset.json @@ -33,6 +33,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" } } diff --git a/styles/colors/linen-palette.json b/styles/colors/linen-palette.json index 5b72adf..0c57c94 100644 --- a/styles/colors/linen-palette.json +++ b/styles/colors/linen-palette.json @@ -1,7 +1,7 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Slate Mist", + "title": "Heath", "settings": { "color": { "duotone": [ @@ -16,7 +16,7 @@ { "colors": [ "#22231F", - "#C9D2D6" + "#EDE8D8" ], "slug": "primary-and-tertiary", "name": "Primary and tertiary" @@ -32,7 +32,7 @@ { "colors": [ "#22231F", - "#F1F0EC" + "#F5F1E4" ], "slug": "foreground-and-background", "name": "Foreground and background" @@ -47,8 +47,8 @@ }, { "colors": [ - "#F1F0EC", - "#C9D2D6" + "#F5F1E4", + "#EDE8D8" ], "slug": "background-tertiary", "name": "Background and Background Alt" @@ -94,41 +94,56 @@ "slug": "background-tint-2", "color": "var(--wp--custom--color--background-tint-2)", "name": "Card 2" + }, + { + "slug": "background-tint-3", + "color": "var(--wp--custom--color--background-tint-3)", + "name": "Card 3" + }, + { + "slug": "background-tint-4", + "color": "var(--wp--custom--color--background-tint-4)", + "name": "Card 4" } ] }, "custom": { "color": { "text-strong": "#22231F", - "background-base": "#F1F0EC", + "background-base": "#F5F1E4", "text-weak": "#565752", - "background-sunken": "#C9D2D6", - "background-tint-1": "#C9D2D6", - "background-tint-2": "#E1CBAD", - "background-tint-3": "#DBD5C7", - "background-tint-1-ink": "#22231F", - "background-tint-1-weak": "#22231F", - "background-tint-2-ink": "#1D1E1A", - "background-tint-2-weak": "#1D1E1A", - "background-tint-3-ink": "#22231F", - "background-tint-3-weak": "#2C2D29" + "icon-surface": "#EDE9DC", + "icon-ink": "#22231F", + "background-sunken": "#EDE8D8", + "background-tint-1": "#C1D4BF", + "background-tint-2": "#DDD5C0", + "background-tint-3": "#D1C6D2", + "background-tint-1-ink": "#1D1E1A", + "background-tint-1-weak": "#1D1E1A", + "background-tint-2-ink": "#22231F", + "background-tint-2-weak": "#22231F", + "background-tint-3-ink": "#000100", + "background-tint-3-weak": "#000100", + "background-tint-4": "#26231E", + "background-tint-4-ink": "#F5F1E4", + "background-tint-4-weak": "#D4D0C4" }, "elements": { "button": { "color": { "background": "#22231F", - "text": "#F1F0EC" + "text": "#F5F1E4" }, ":hover": { "color": { "background": "#363733", - "text": "#F1F0EC" + "text": "#F5F1E4" } }, ":focus": { "color": { "background": "#22231F", - "text": "#F1F0EC" + "text": "#F5F1E4" } } } diff --git a/styles/globals/linen-globals.json b/styles/globals/linen-globals.json index 7c7f05e..90fa9d3 100644 --- a/styles/globals/linen-globals.json +++ b/styles/globals/linen-globals.json @@ -3,16 +3,21 @@ "version": 3, "title": "Linen Globals", "slug": "ext-linen-globals", + "settings": { + "custom": { + "space-scale": "1.5" + } + }, "styles": { "elements": { "h1": { "typography": { - "fontSize": "clamp(1.758rem, 1.758rem + ((1vw - 0.2rem) * 3.009), 3.563rem)" + "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)" } }, "h2": { "typography": { - "fontSize": "clamp(1.425rem, 1.425rem + ((1vw - 0.2rem) * 2.375), 2.85rem)" + "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)" } } } diff --git a/styles/typography/linen-typography.json b/styles/typography/linen-typography.json index 9d4e7f8..1a4bc9c 100644 --- a/styles/typography/linen-typography.json +++ b/styles/typography/linen-typography.json @@ -1,7 +1,7 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Linen", + "title": "Linen · Inter / Manrope", "slug": "ext-linen", "styles": { "typography": { @@ -10,18 +10,22 @@ "elements": { "heading": { "typography": { - "fontFamily": "'Karla', 'Segoe UI', system-ui, -apple-system, sans-serif", - "fontWeight": "500" + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "600" } }, "h1": { "typography": { - "fontWeight": "500" + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.1" } }, "h2": { "typography": { - "fontWeight": "500" + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.1" } } } From b20553a1522e2967d7565decc0c61961f8a1f012 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Fri, 31 Jul 2026 08:21:24 +0500 Subject: [PATCH 08/48] Design tokens: reduce the ported style set to natural-1, retro-1 and linen-1 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Only three variation families are wanted on this install, so the rest of the previously-ported set is removed and the port now ships a marked subset instead of everything it can generate. Removed: 11 vibe families' block presets (77 directories, 231 preset files) plus the identity partials no remaining family references — 17 colors, 17 typography and 9 globals. Also drops the legacy butterscotch.json, whose replacement (retro-palette.json) has been in place since the identity filenames were unprefixed. Nothing native is touched. The removal matches only the -palette.json / -typography.json / -globals.json naming convention crossed with the generator's own roster, so styles/colors/lilac.json (this theme's) survives while lilac-palette.json (generated) goes; all 40 stock palettes, all 18 stock type variations, the seven stock variation families, ext-section-dark, the ext-* button styles and every pattern remain. The 21 modified files are a routine catch-up: the checkout had not been re-synced since Jul 29, so retro-1's presets, the natural-1 icon baselines, retro's three identity partials and theme.json are brought up to date with the generated sources. --- .../button/atelier-1/button-1/preset.json | 18 -- .../button/citrus-1/button-1/preset.json | 18 -- .../button/haven-1/button-1/preset.json | 18 -- .../button/lilac-1/button-1/preset.json | 18 -- .../button/placard-1/button-1/preset.json | 18 -- .../button/pristine-1/button-1/preset.json | 18 -- .../button/pulp-1/button-1/preset.json | 19 --- .../button/rainbow-1/button-1/preset.json | 18 -- .../button/sanctuary-1/button-1/preset.json | 18 -- .../button/umber-1/button-1/preset.json | 18 -- .../button/vitreous-1/button-1/preset.json | 18 -- .../atelier-1/cover-overlay-1/preset.json | 32 ---- .../citrus-1/cover-overlay-1/preset.json | 32 ---- .../cover/haven-1/cover-overlay-1/preset.json | 32 ---- .../cover/lilac-1/cover-overlay-1/preset.json | 32 ---- .../placard-1/cover-overlay-1/preset.json | 32 ---- .../pristine-1/cover-overlay-1/preset.json | 32 ---- .../cover/pulp-1/cover-overlay-1/preset.json | 32 ---- .../rainbow-1/cover-overlay-1/preset.json | 32 ---- .../sanctuary-1/cover-overlay-1/preset.json | 32 ---- .../cover/umber-1/cover-overlay-1/preset.json | 32 ---- .../vitreous-1/cover-overlay-1/preset.json | 32 ---- .../group/atelier-1/footer-1/preset.json | 12 -- .../group/atelier-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 55 ------- .../item-card-1/align-start/preset.json | 53 ------ .../group/atelier-1/panel-1/preset.json | 18 -- .../atelier-1/section-intro-1/preset.json | 12 -- .../group/atelier-1/section/preset.json | 12 -- .../group/atelier-1/template/preset.json | 12 -- .../group/citrus-1/footer-1/preset.json | 12 -- .../group/citrus-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 52 ------ .../item-card-1/align-start/preset.json | 52 ------ .../group/citrus-1/panel-1/preset.json | 18 -- .../citrus-1/section-intro-1/preset.json | 12 -- .../group/citrus-1/section/preset.json | 12 -- .../group/citrus-1/template/preset.json | 12 -- .../group/haven-1/footer-1/preset.json | 12 -- .../group/haven-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 52 ------ .../item-card-1/align-start/preset.json | 52 ------ .../group/haven-1/panel-1/preset.json | 18 -- .../group/haven-1/section-intro-1/preset.json | 12 -- .../group/haven-1/section/preset.json | 12 -- .../group/haven-1/template/preset.json | 12 -- .../group/lilac-1/footer-1/preset.json | 12 -- .../group/lilac-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 52 ------ .../item-card-1/align-start/preset.json | 50 ------ .../group/lilac-1/panel-1/preset.json | 18 -- .../group/lilac-1/section-intro-1/preset.json | 12 -- .../group/lilac-1/section/preset.json | 12 -- .../group/lilac-1/template/preset.json | 12 -- .../group/placard-1/footer-1/preset.json | 12 -- .../group/placard-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 52 ------ .../item-card-1/align-start/preset.json | 50 ------ .../group/placard-1/panel-1/preset.json | 18 -- .../placard-1/section-intro-1/preset.json | 12 -- .../group/placard-1/section/preset.json | 12 -- .../group/placard-1/template/preset.json | 12 -- .../group/pristine-1/footer-1/preset.json | 12 -- .../group/pristine-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 52 ------ .../item-card-1/align-start/preset.json | 50 ------ .../group/pristine-1/panel-1/preset.json | 18 -- .../pristine-1/section-intro-1/preset.json | 12 -- .../group/pristine-1/section/preset.json | 12 -- .../group/pristine-1/template/preset.json | 12 -- .../group/pulp-1/footer-1/preset.json | 12 -- .../group/pulp-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 56 ------- .../item-card-1/align-start/preset.json | 54 ------ .../group/pulp-1/panel-1/preset.json | 18 -- .../group/pulp-1/section-intro-1/preset.json | 12 -- .../group/pulp-1/section/preset.json | 12 -- .../group/pulp-1/template/preset.json | 12 -- .../group/rainbow-1/footer-1/preset.json | 12 -- .../group/rainbow-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 52 ------ .../item-card-1/align-start/preset.json | 52 ------ .../group/rainbow-1/panel-1/preset.json | 18 -- .../rainbow-1/section-intro-1/preset.json | 12 -- .../group/rainbow-1/section/preset.json | 12 -- .../group/rainbow-1/template/preset.json | 12 -- .../group/retro-1/footer-1/preset.json | 2 +- .../group/retro-1/header-1/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/retro-1/section-intro-1/preset.json | 2 +- .../group/retro-1/section/preset.json | 2 +- .../group/retro-1/template/preset.json | 2 +- .../group/sanctuary-1/footer-1/preset.json | 12 -- .../group/sanctuary-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 57 ------- .../item-card-1/align-start/preset.json | 55 ------- .../group/sanctuary-1/panel-1/preset.json | 23 --- .../sanctuary-1/section-intro-1/preset.json | 12 -- .../group/sanctuary-1/section/preset.json | 12 -- .../group/sanctuary-1/template/preset.json | 12 -- .../group/umber-1/footer-1/preset.json | 12 -- .../group/umber-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 55 ------- .../item-card-1/align-start/preset.json | 55 ------- .../group/umber-1/panel-1/preset.json | 18 -- .../group/umber-1/section-intro-1/preset.json | 12 -- .../group/umber-1/section/preset.json | 12 -- .../group/umber-1/template/preset.json | 12 -- .../group/vitreous-1/footer-1/preset.json | 12 -- .../group/vitreous-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 55 ------- .../item-card-1/align-start/preset.json | 53 ------ .../group/vitreous-1/panel-1/preset.json | 18 -- .../vitreous-1/section-intro-1/preset.json | 12 -- .../group/vitreous-1/section/preset.json | 12 -- .../group/vitreous-1/template/preset.json | 12 -- .../image/atelier-1/gallery-1/preset.json | 14 -- .../image/atelier-1/icon-1/preset.json | 10 -- .../image/atelier-1/icon-small-1/preset.json | 10 -- .../atelier-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../atelier-1/image-1/content-top/preset.json | 15 -- .../image/citrus-1/gallery-1/preset.json | 14 -- .../image/citrus-1/icon-1/preset.json | 12 -- .../image/citrus-1/icon-small-1/preset.json | 12 -- .../citrus-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../citrus-1/image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../citrus-1/image-1/content-top/preset.json | 15 -- .../image/haven-1/gallery-1/preset.json | 14 -- .../image/haven-1/icon-1/preset.json | 10 -- .../image/haven-1/icon-small-1/preset.json | 10 -- .../haven-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../haven-1/image-1/content-left/preset.json | 15 -- .../haven-1/image-1/content-right/preset.json | 15 -- .../haven-1/image-1/content-top/preset.json | 15 -- .../image/lilac-1/gallery-1/preset.json | 14 -- .../image/lilac-1/icon-1/preset.json | 10 -- .../image/lilac-1/icon-small-1/preset.json | 10 -- .../lilac-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../lilac-1/image-1/content-left/preset.json | 15 -- .../lilac-1/image-1/content-right/preset.json | 15 -- .../lilac-1/image-1/content-top/preset.json | 15 -- .../image/natural-1/icon-1/preset.json | 4 +- .../image/natural-1/icon-small-1/preset.json | 4 +- .../image/placard-1/gallery-1/preset.json | 14 -- .../image/placard-1/icon-1/preset.json | 10 -- .../image/placard-1/icon-small-1/preset.json | 10 -- .../placard-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../placard-1/image-1/content-top/preset.json | 15 -- .../image/pristine-1/gallery-1/preset.json | 14 -- .../image/pristine-1/icon-1/preset.json | 12 -- .../image/pristine-1/icon-small-1/preset.json | 12 -- .../image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../image-1/content-top/preset.json | 15 -- .../image/pulp-1/gallery-1/preset.json | 17 -- .../image/pulp-1/icon-1/preset.json | 10 -- .../image/pulp-1/icon-small-1/preset.json | 10 -- .../pulp-1/image-1/content-any/preset.json | 18 -- .../pulp-1/image-1/content-bottom/preset.json | 18 -- .../pulp-1/image-1/content-left/preset.json | 18 -- .../pulp-1/image-1/content-right/preset.json | 18 -- .../pulp-1/image-1/content-top/preset.json | 18 -- .../image/rainbow-1/gallery-1/preset.json | 14 -- .../image/rainbow-1/icon-1/preset.json | 10 -- .../image/rainbow-1/icon-small-1/preset.json | 10 -- .../rainbow-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../rainbow-1/image-1/content-top/preset.json | 15 -- .../image/retro-1/icon-1/preset.json | 2 +- .../image/retro-1/icon-small-1/preset.json | 2 +- .../image-1/content-bottom/preset.json | 7 +- .../retro-1/image-1/content-left/preset.json | 7 +- .../retro-1/image-1/content-right/preset.json | 7 +- .../retro-1/image-1/content-top/preset.json | 7 +- .../image/sanctuary-1/gallery-1/preset.json | 14 -- .../image/sanctuary-1/icon-1/preset.json | 12 -- .../sanctuary-1/icon-small-1/preset.json | 12 -- .../image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../image-1/content-top/preset.json | 15 -- .../image/umber-1/gallery-1/preset.json | 14 -- .../image/umber-1/icon-1/preset.json | 10 -- .../image/umber-1/icon-small-1/preset.json | 10 -- .../umber-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../umber-1/image-1/content-left/preset.json | 15 -- .../umber-1/image-1/content-right/preset.json | 15 -- .../umber-1/image-1/content-top/preset.json | 15 -- .../image/vitreous-1/gallery-1/preset.json | 14 -- .../image/vitreous-1/icon-1/preset.json | 10 -- .../image/vitreous-1/icon-small-1/preset.json | 10 -- .../image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../image-1/content-top/preset.json | 15 -- .../media-text/atelier-1/card-1/preset.json | 41 ----- .../media-text/citrus-1/card-1/preset.json | 38 ----- .../media-text/haven-1/card-1/preset.json | 38 ----- .../media-text/lilac-1/card-1/preset.json | 38 ----- .../media-text/placard-1/card-1/preset.json | 38 ----- .../media-text/pristine-1/card-1/preset.json | 38 ----- .../media-text/pulp-1/card-1/preset.json | 41 ----- .../media-text/rainbow-1/card-1/preset.json | 38 ----- .../media-text/retro-1/card-1/preset.json | 2 +- .../media-text/sanctuary-1/card-1/preset.json | 43 ----- .../media-text/umber-1/card-1/preset.json | 41 ----- .../media-text/vitreous-1/card-1/preset.json | 41 ----- .../paragraph/atelier-1/tagline-1/preset.json | 17 -- .../paragraph/citrus-1/tagline-1/preset.json | 32 ---- .../paragraph/haven-1/tagline-1/preset.json | 17 -- .../paragraph/lilac-1/tagline-1/preset.json | 17 -- .../paragraph/placard-1/tagline-1/preset.json | 17 -- .../pristine-1/tagline-1/preset.json | 17 -- .../paragraph/pulp-1/tagline-1/preset.json | 17 -- .../paragraph/rainbow-1/tagline-1/preset.json | 17 -- .../sanctuary-1/tagline-1/preset.json | 17 -- .../paragraph/umber-1/tagline-1/preset.json | 17 -- .../vitreous-1/tagline-1/preset.json | 17 -- .../atelier-1/social-1/preset.json | 15 -- .../citrus-1/social-1/preset.json | 15 -- .../social-links/haven-1/social-1/preset.json | 15 -- .../social-links/lilac-1/social-1/preset.json | 15 -- .../placard-1/social-1/preset.json | 15 -- .../pristine-1/social-1/preset.json | 15 -- .../social-links/pulp-1/social-1/preset.json | 15 -- .../rainbow-1/social-1/preset.json | 15 -- .../social-links/retro-1/social-1/preset.json | 2 +- .../sanctuary-1/social-1/preset.json | 15 -- .../social-links/umber-1/social-1/preset.json | 15 -- .../vitreous-1/social-1/preset.json | 15 -- styles/colors/atelier-palette.json | 140 ---------------- styles/colors/butterscotch.json | 125 -------------- styles/colors/citrus-palette.json | 140 ---------------- styles/colors/ember-palette.json | 134 --------------- styles/colors/harvest-palette.json | 134 --------------- styles/colors/haven-palette.json | 140 ---------------- styles/colors/iris-palette.json | 134 --------------- styles/colors/lilac-palette.json | 140 ---------------- styles/colors/matcha-palette.json | 134 --------------- styles/colors/novella-palette.json | 134 --------------- styles/colors/orchid-palette.json | 134 --------------- styles/colors/placard-palette.json | 155 ------------------ styles/colors/pristine-palette.json | 145 ---------------- styles/colors/pulp-palette.json | 150 ----------------- styles/colors/rainbow-palette.json | 140 ---------------- styles/colors/retro-palette.json | 21 +-- styles/colors/sanctuary-palette.json | 140 ---------------- styles/colors/umber-palette.json | 140 ---------------- styles/colors/vitreous-palette.json | 140 ---------------- styles/globals/atelier-globals.json | 14 -- styles/globals/lilac-globals.json | 14 -- styles/globals/placard-globals.json | 28 ---- styles/globals/pristine-globals.json | 25 --- styles/globals/pulp-globals.json | 27 --- styles/globals/rainbow-globals.json | 25 --- styles/globals/retro-globals.json | 6 +- styles/globals/sanctuary-globals.json | 25 --- styles/globals/umber-globals.json | 25 --- styles/globals/vitreous-globals.json | 14 -- styles/typography/atelier-typography.json | 35 ---- styles/typography/datasheet-typography.json | 33 ---- styles/typography/editorial-typography.json | 33 ---- styles/typography/haven-typography.json | 29 ---- styles/typography/lilac-typography.json | 31 ---- styles/typography/luxury-typography.json | 32 ---- styles/typography/modern-saas-typography.json | 31 ---- styles/typography/neutral-typography.json | 18 -- styles/typography/placard-typography.json | 33 ---- styles/typography/poster-typography.json | 34 ---- styles/typography/pristine-typography.json | 29 ---- styles/typography/pulp-typography.json | 33 ---- styles/typography/retro-typography.json | 15 +- styles/typography/ritual-typography.json | 33 ---- styles/typography/storybook-typography.json | 34 ---- styles/typography/tech-typography.json | 31 ---- styles/typography/umber-typography.json | 33 ---- styles/typography/vitreous-typography.json | 33 ---- theme.json | 2 + 296 files changed, 61 insertions(+), 7883 deletions(-) delete mode 100644 styles/block-presets/button/atelier-1/button-1/preset.json delete mode 100644 styles/block-presets/button/citrus-1/button-1/preset.json delete mode 100644 styles/block-presets/button/haven-1/button-1/preset.json delete mode 100644 styles/block-presets/button/lilac-1/button-1/preset.json delete mode 100644 styles/block-presets/button/placard-1/button-1/preset.json delete mode 100644 styles/block-presets/button/pristine-1/button-1/preset.json delete mode 100644 styles/block-presets/button/pulp-1/button-1/preset.json delete mode 100644 styles/block-presets/button/rainbow-1/button-1/preset.json delete mode 100644 styles/block-presets/button/sanctuary-1/button-1/preset.json delete mode 100644 styles/block-presets/button/umber-1/button-1/preset.json delete mode 100644 styles/block-presets/button/vitreous-1/button-1/preset.json delete mode 100644 styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/haven-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/placard-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/umber-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/group/atelier-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/atelier-1/header-1/preset.json delete mode 100644 styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/atelier-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/atelier-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/atelier-1/section/preset.json delete mode 100644 styles/block-presets/group/atelier-1/template/preset.json delete mode 100644 styles/block-presets/group/citrus-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/citrus-1/header-1/preset.json delete mode 100644 styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/citrus-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/citrus-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/citrus-1/section/preset.json delete mode 100644 styles/block-presets/group/citrus-1/template/preset.json delete mode 100644 styles/block-presets/group/haven-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/haven-1/header-1/preset.json delete mode 100644 styles/block-presets/group/haven-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/haven-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/haven-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/haven-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/haven-1/section/preset.json delete mode 100644 styles/block-presets/group/haven-1/template/preset.json delete mode 100644 styles/block-presets/group/lilac-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/lilac-1/header-1/preset.json delete mode 100644 styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/lilac-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/lilac-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/lilac-1/section/preset.json delete mode 100644 styles/block-presets/group/lilac-1/template/preset.json delete mode 100644 styles/block-presets/group/placard-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/placard-1/header-1/preset.json delete mode 100644 styles/block-presets/group/placard-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/placard-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/placard-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/placard-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/placard-1/section/preset.json delete mode 100644 styles/block-presets/group/placard-1/template/preset.json delete mode 100644 styles/block-presets/group/pristine-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/pristine-1/header-1/preset.json delete mode 100644 styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/pristine-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/pristine-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/pristine-1/section/preset.json delete mode 100644 styles/block-presets/group/pristine-1/template/preset.json delete mode 100644 styles/block-presets/group/pulp-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/pulp-1/header-1/preset.json delete mode 100644 styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/pulp-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/pulp-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/pulp-1/section/preset.json delete mode 100644 styles/block-presets/group/pulp-1/template/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/header-1/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/section/preset.json delete mode 100644 styles/block-presets/group/rainbow-1/template/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/header-1/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/section/preset.json delete mode 100644 styles/block-presets/group/sanctuary-1/template/preset.json delete mode 100644 styles/block-presets/group/umber-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/umber-1/header-1/preset.json delete mode 100644 styles/block-presets/group/umber-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/umber-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/umber-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/umber-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/umber-1/section/preset.json delete mode 100644 styles/block-presets/group/umber-1/template/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/header-1/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/section/preset.json delete mode 100644 styles/block-presets/group/vitreous-1/template/preset.json delete mode 100644 styles/block-presets/image/atelier-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/atelier-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/atelier-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/atelier-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/atelier-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/atelier-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/atelier-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/citrus-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/citrus-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/citrus-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/citrus-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/citrus-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/citrus-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/citrus-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/haven-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/haven-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/haven-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/haven-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/haven-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/haven-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/haven-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/haven-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/lilac-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/lilac-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/lilac-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/lilac-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/lilac-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/lilac-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/lilac-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/placard-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/placard-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/placard-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/placard-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/placard-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/placard-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/placard-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/placard-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/pristine-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/pristine-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/pristine-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/pristine-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/pristine-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/pristine-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/pristine-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/pulp-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/pulp-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/pulp-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/pulp-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/pulp-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/pulp-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/pulp-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/rainbow-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/umber-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/umber-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/umber-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/umber-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/umber-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/umber-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/umber-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/umber-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/vitreous-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/media-text/atelier-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/citrus-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/haven-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/lilac-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/placard-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/pristine-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/pulp-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/rainbow-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/sanctuary-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/umber-1/card-1/preset.json delete mode 100644 styles/block-presets/media-text/vitreous-1/card-1/preset.json delete mode 100644 styles/block-presets/paragraph/atelier-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/citrus-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/haven-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/lilac-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/placard-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/pristine-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/pulp-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/umber-1/tagline-1/preset.json delete mode 100644 styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json delete mode 100644 styles/block-presets/social-links/atelier-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/citrus-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/haven-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/lilac-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/placard-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/pristine-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/pulp-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/rainbow-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/sanctuary-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/umber-1/social-1/preset.json delete mode 100644 styles/block-presets/social-links/vitreous-1/social-1/preset.json delete mode 100644 styles/colors/atelier-palette.json delete mode 100644 styles/colors/butterscotch.json delete mode 100644 styles/colors/citrus-palette.json delete mode 100644 styles/colors/ember-palette.json delete mode 100644 styles/colors/harvest-palette.json delete mode 100644 styles/colors/haven-palette.json delete mode 100644 styles/colors/iris-palette.json delete mode 100644 styles/colors/lilac-palette.json delete mode 100644 styles/colors/matcha-palette.json delete mode 100644 styles/colors/novella-palette.json delete mode 100644 styles/colors/orchid-palette.json delete mode 100644 styles/colors/placard-palette.json delete mode 100644 styles/colors/pristine-palette.json delete mode 100644 styles/colors/pulp-palette.json delete mode 100644 styles/colors/rainbow-palette.json delete mode 100644 styles/colors/sanctuary-palette.json delete mode 100644 styles/colors/umber-palette.json delete mode 100644 styles/colors/vitreous-palette.json delete mode 100644 styles/globals/atelier-globals.json delete mode 100644 styles/globals/lilac-globals.json delete mode 100644 styles/globals/placard-globals.json delete mode 100644 styles/globals/pristine-globals.json delete mode 100644 styles/globals/pulp-globals.json delete mode 100644 styles/globals/rainbow-globals.json delete mode 100644 styles/globals/sanctuary-globals.json delete mode 100644 styles/globals/umber-globals.json delete mode 100644 styles/globals/vitreous-globals.json delete mode 100644 styles/typography/atelier-typography.json delete mode 100644 styles/typography/datasheet-typography.json delete mode 100644 styles/typography/editorial-typography.json delete mode 100644 styles/typography/haven-typography.json delete mode 100644 styles/typography/lilac-typography.json delete mode 100644 styles/typography/luxury-typography.json delete mode 100644 styles/typography/modern-saas-typography.json delete mode 100644 styles/typography/neutral-typography.json delete mode 100644 styles/typography/placard-typography.json delete mode 100644 styles/typography/poster-typography.json delete mode 100644 styles/typography/pristine-typography.json delete mode 100644 styles/typography/pulp-typography.json delete mode 100644 styles/typography/ritual-typography.json delete mode 100644 styles/typography/storybook-typography.json delete mode 100644 styles/typography/tech-typography.json delete mode 100644 styles/typography/umber-typography.json delete mode 100644 styles/typography/vitreous-typography.json diff --git a/styles/block-presets/button/atelier-1/button-1/preset.json b/styles/block-presets/button/atelier-1/button-1/preset.json deleted file mode 100644 index 1d4295a..0000000 --- a/styles/block-presets/button/atelier-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Button 1", - "slug": "ext-preset--button--atelier-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/button/citrus-1/button-1/preset.json b/styles/block-presets/button/citrus-1/button-1/preset.json deleted file mode 100644 index eb9399b..0000000 --- a/styles/block-presets/button/citrus-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Button 1", - "slug": "ext-preset--button--citrus-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "8px" - } - } -} diff --git a/styles/block-presets/button/haven-1/button-1/preset.json b/styles/block-presets/button/haven-1/button-1/preset.json deleted file mode 100644 index 82629b2..0000000 --- a/styles/block-presets/button/haven-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Button 1", - "slug": "ext-preset--button--haven-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "9999px" - } - } -} diff --git a/styles/block-presets/button/lilac-1/button-1/preset.json b/styles/block-presets/button/lilac-1/button-1/preset.json deleted file mode 100644 index aaeb57c..0000000 --- a/styles/block-presets/button/lilac-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Button 1", - "slug": "ext-preset--button--lilac-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/button/placard-1/button-1/preset.json b/styles/block-presets/button/placard-1/button-1/preset.json deleted file mode 100644 index b73a4c9..0000000 --- a/styles/block-presets/button/placard-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Button 1", - "slug": "ext-preset--button--placard-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "9999px" - } - } -} diff --git a/styles/block-presets/button/pristine-1/button-1/preset.json b/styles/block-presets/button/pristine-1/button-1/preset.json deleted file mode 100644 index 2d09311..0000000 --- a/styles/block-presets/button/pristine-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Button 1", - "slug": "ext-preset--button--pristine-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/button/pulp-1/button-1/preset.json b/styles/block-presets/button/pulp-1/button-1/preset.json deleted file mode 100644 index 95ced4b..0000000 --- a/styles/block-presets/button/pulp-1/button-1/preset.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Button 1", - "slug": "ext-preset--button--pulp-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "0px" - }, - "shadow": "0 0 0 3px var(--wp--custom--color--text-strong), 6px 6px 0 0 var(--wp--custom--color--text-strong)" - } -} diff --git a/styles/block-presets/button/rainbow-1/button-1/preset.json b/styles/block-presets/button/rainbow-1/button-1/preset.json deleted file mode 100644 index 0336abf..0000000 --- a/styles/block-presets/button/rainbow-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Button 1", - "slug": "ext-preset--button--rainbow-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "9999px" - } - } -} diff --git a/styles/block-presets/button/sanctuary-1/button-1/preset.json b/styles/block-presets/button/sanctuary-1/button-1/preset.json deleted file mode 100644 index ca022dd..0000000 --- a/styles/block-presets/button/sanctuary-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Button 1", - "slug": "ext-preset--button--sanctuary-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/button/umber-1/button-1/preset.json b/styles/block-presets/button/umber-1/button-1/preset.json deleted file mode 100644 index eda35b1..0000000 --- a/styles/block-presets/button/umber-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Button 1", - "slug": "ext-preset--button--umber-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/button/vitreous-1/button-1/preset.json b/styles/block-presets/button/vitreous-1/button-1/preset.json deleted file mode 100644 index 78497fc..0000000 --- a/styles/block-presets/button/vitreous-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Button 1", - "slug": "ext-preset--button--vitreous-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "9999px" - } - } -} diff --git a/styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json b/styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json deleted file mode 100644 index aa924fc..0000000 --- a/styles/block-presets/cover/atelier-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Overlay 1", - "slug": "ext-preset--cover--atelier-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json b/styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json deleted file mode 100644 index 5c4137d..0000000 --- a/styles/block-presets/cover/citrus-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Overlay 1", - "slug": "ext-preset--cover--citrus-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/haven-1/cover-overlay-1/preset.json b/styles/block-presets/cover/haven-1/cover-overlay-1/preset.json deleted file mode 100644 index a2c7c01..0000000 --- a/styles/block-presets/cover/haven-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Overlay 1", - "slug": "ext-preset--cover--haven-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json b/styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json deleted file mode 100644 index f2ac892..0000000 --- a/styles/block-presets/cover/lilac-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Overlay 1", - "slug": "ext-preset--cover--lilac-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/placard-1/cover-overlay-1/preset.json b/styles/block-presets/cover/placard-1/cover-overlay-1/preset.json deleted file mode 100644 index 7992299..0000000 --- a/styles/block-presets/cover/placard-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Overlay 1", - "slug": "ext-preset--cover--placard-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json b/styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json deleted file mode 100644 index 2799b8e..0000000 --- a/styles/block-presets/cover/pristine-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Overlay 1", - "slug": "ext-preset--cover--pristine-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json b/styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json deleted file mode 100644 index c099499..0000000 --- a/styles/block-presets/cover/pulp-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Overlay 1", - "slug": "ext-preset--cover--pulp-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json b/styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json deleted file mode 100644 index 7306b82..0000000 --- a/styles/block-presets/cover/rainbow-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Overlay 1", - "slug": "ext-preset--cover--rainbow-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json b/styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json deleted file mode 100644 index 292e5a8..0000000 --- a/styles/block-presets/cover/sanctuary-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Overlay 1", - "slug": "ext-preset--cover--sanctuary-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/umber-1/cover-overlay-1/preset.json b/styles/block-presets/cover/umber-1/cover-overlay-1/preset.json deleted file mode 100644 index 7e93e3b..0000000 --- a/styles/block-presets/cover/umber-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Overlay 1", - "slug": "ext-preset--cover--umber-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json b/styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json deleted file mode 100644 index cc4b125..0000000 --- a/styles/block-presets/cover/vitreous-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Overlay 1", - "slug": "ext-preset--cover--vitreous-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/group/atelier-1/footer-1/preset.json b/styles/block-presets/group/atelier-1/footer-1/preset.json deleted file mode 100644 index 9ea52d6..0000000 --- a/styles/block-presets/group/atelier-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Footer 1", - "slug": "ext-preset--group--atelier-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/atelier-1/header-1/preset.json b/styles/block-presets/group/atelier-1/header-1/preset.json deleted file mode 100644 index 50520e1..0000000 --- a/styles/block-presets/group/atelier-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Header 1", - "slug": "ext-preset--group--atelier-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json b/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json deleted file mode 100644 index 266ba23..0000000 --- a/styles/block-presets/group/atelier-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Item Card 1 Align Center", - "slug": "ext-preset--group--atelier-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" - } -} diff --git a/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json b/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json deleted file mode 100644 index 8292eb3..0000000 --- a/styles/block-presets/group/atelier-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Item Card 1 Align Start", - "slug": "ext-preset--group--atelier-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" - } -} diff --git a/styles/block-presets/group/atelier-1/panel-1/preset.json b/styles/block-presets/group/atelier-1/panel-1/preset.json deleted file mode 100644 index afbecd6..0000000 --- a/styles/block-presets/group/atelier-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Panel 1", - "slug": "ext-preset--group--atelier-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/atelier-1/section-intro-1/preset.json b/styles/block-presets/group/atelier-1/section-intro-1/preset.json deleted file mode 100644 index 49af71b..0000000 --- a/styles/block-presets/group/atelier-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Section Intro 1", - "slug": "ext-preset--group--atelier-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/atelier-1/section/preset.json b/styles/block-presets/group/atelier-1/section/preset.json deleted file mode 100644 index 8ca2044..0000000 --- a/styles/block-presets/group/atelier-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Section", - "slug": "ext-preset--group--atelier-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/atelier-1/template/preset.json b/styles/block-presets/group/atelier-1/template/preset.json deleted file mode 100644 index ba766ff..0000000 --- a/styles/block-presets/group/atelier-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Template", - "slug": "ext-preset--group--atelier-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/citrus-1/footer-1/preset.json b/styles/block-presets/group/citrus-1/footer-1/preset.json deleted file mode 100644 index 579899e..0000000 --- a/styles/block-presets/group/citrus-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Footer 1", - "slug": "ext-preset--group--citrus-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/citrus-1/header-1/preset.json b/styles/block-presets/group/citrus-1/header-1/preset.json deleted file mode 100644 index 212bbd9..0000000 --- a/styles/block-presets/group/citrus-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Header 1", - "slug": "ext-preset--group--citrus-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json b/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json deleted file mode 100644 index 43b8cc1..0000000 --- a/styles/block-presets/group/citrus-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Item Card 1 Align Center", - "slug": "ext-preset--group--citrus-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json b/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json deleted file mode 100644 index 3a2825b..0000000 --- a/styles/block-presets/group/citrus-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Item Card 1 Align Start", - "slug": "ext-preset--group--citrus-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/citrus-1/panel-1/preset.json b/styles/block-presets/group/citrus-1/panel-1/preset.json deleted file mode 100644 index 1e1c244..0000000 --- a/styles/block-presets/group/citrus-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Panel 1", - "slug": "ext-preset--group--citrus-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/citrus-1/section-intro-1/preset.json b/styles/block-presets/group/citrus-1/section-intro-1/preset.json deleted file mode 100644 index 5925b81..0000000 --- a/styles/block-presets/group/citrus-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Section Intro 1", - "slug": "ext-preset--group--citrus-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/citrus-1/section/preset.json b/styles/block-presets/group/citrus-1/section/preset.json deleted file mode 100644 index fcebb01..0000000 --- a/styles/block-presets/group/citrus-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Section", - "slug": "ext-preset--group--citrus-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; }" - } -} diff --git a/styles/block-presets/group/citrus-1/template/preset.json b/styles/block-presets/group/citrus-1/template/preset.json deleted file mode 100644 index 8904303..0000000 --- a/styles/block-presets/group/citrus-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Template", - "slug": "ext-preset--group--citrus-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/haven-1/footer-1/preset.json b/styles/block-presets/group/haven-1/footer-1/preset.json deleted file mode 100644 index 5079c4c..0000000 --- a/styles/block-presets/group/haven-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Footer 1", - "slug": "ext-preset--group--haven-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/haven-1/header-1/preset.json b/styles/block-presets/group/haven-1/header-1/preset.json deleted file mode 100644 index 6355ea5..0000000 --- a/styles/block-presets/group/haven-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Header 1", - "slug": "ext-preset--group--haven-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json b/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json deleted file mode 100644 index 53e40cd..0000000 --- a/styles/block-presets/group/haven-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Item Card 1 Align Center", - "slug": "ext-preset--group--haven-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json b/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json deleted file mode 100644 index 7b2ae69..0000000 --- a/styles/block-presets/group/haven-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Item Card 1 Align Start", - "slug": "ext-preset--group--haven-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/haven-1/panel-1/preset.json b/styles/block-presets/group/haven-1/panel-1/preset.json deleted file mode 100644 index 8d27d51..0000000 --- a/styles/block-presets/group/haven-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Panel 1", - "slug": "ext-preset--group--haven-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/haven-1/section-intro-1/preset.json b/styles/block-presets/group/haven-1/section-intro-1/preset.json deleted file mode 100644 index dde3dff..0000000 --- a/styles/block-presets/group/haven-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Section Intro 1", - "slug": "ext-preset--group--haven-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/haven-1/section/preset.json b/styles/block-presets/group/haven-1/section/preset.json deleted file mode 100644 index aed53db..0000000 --- a/styles/block-presets/group/haven-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Section", - "slug": "ext-preset--group--haven-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-base-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-base-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-base-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; }" - } -} diff --git a/styles/block-presets/group/haven-1/template/preset.json b/styles/block-presets/group/haven-1/template/preset.json deleted file mode 100644 index 6a9fff8..0000000 --- a/styles/block-presets/group/haven-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Template", - "slug": "ext-preset--group--haven-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/lilac-1/footer-1/preset.json b/styles/block-presets/group/lilac-1/footer-1/preset.json deleted file mode 100644 index d8f2b37..0000000 --- a/styles/block-presets/group/lilac-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Footer 1", - "slug": "ext-preset--group--lilac-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/lilac-1/header-1/preset.json b/styles/block-presets/group/lilac-1/header-1/preset.json deleted file mode 100644 index 8b6cbac..0000000 --- a/styles/block-presets/group/lilac-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Header 1", - "slug": "ext-preset--group--lilac-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json b/styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json deleted file mode 100644 index 832bf88..0000000 --- a/styles/block-presets/group/lilac-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Item Card 1 Align Center", - "slug": "ext-preset--group--lilac-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "6px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json b/styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json deleted file mode 100644 index c220bde..0000000 --- a/styles/block-presets/group/lilac-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,50 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Item Card 1 Align Start", - "slug": "ext-preset--group--lilac-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "6px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/lilac-1/panel-1/preset.json b/styles/block-presets/group/lilac-1/panel-1/preset.json deleted file mode 100644 index 8118897..0000000 --- a/styles/block-presets/group/lilac-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Panel 1", - "slug": "ext-preset--group--lilac-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "6px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/lilac-1/section-intro-1/preset.json b/styles/block-presets/group/lilac-1/section-intro-1/preset.json deleted file mode 100644 index fa75933..0000000 --- a/styles/block-presets/group/lilac-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Section Intro 1", - "slug": "ext-preset--group--lilac-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/lilac-1/section/preset.json b/styles/block-presets/group/lilac-1/section/preset.json deleted file mode 100644 index 064f7a1..0000000 --- a/styles/block-presets/group/lilac-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Section", - "slug": "ext-preset--group--lilac-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/lilac-1/template/preset.json b/styles/block-presets/group/lilac-1/template/preset.json deleted file mode 100644 index 2503e4d..0000000 --- a/styles/block-presets/group/lilac-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Template", - "slug": "ext-preset--group--lilac-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/placard-1/footer-1/preset.json b/styles/block-presets/group/placard-1/footer-1/preset.json deleted file mode 100644 index d66d77c..0000000 --- a/styles/block-presets/group/placard-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Footer 1", - "slug": "ext-preset--group--placard-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/placard-1/header-1/preset.json b/styles/block-presets/group/placard-1/header-1/preset.json deleted file mode 100644 index de836fa..0000000 --- a/styles/block-presets/group/placard-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Header 1", - "slug": "ext-preset--group--placard-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/placard-1/item-card-1/align-center/preset.json b/styles/block-presets/group/placard-1/item-card-1/align-center/preset.json deleted file mode 100644 index 87c2911..0000000 --- a/styles/block-presets/group/placard-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Item Card 1 Align Center", - "slug": "ext-preset--group--placard-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/placard-1/item-card-1/align-start/preset.json b/styles/block-presets/group/placard-1/item-card-1/align-start/preset.json deleted file mode 100644 index fbf0bdd..0000000 --- a/styles/block-presets/group/placard-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,50 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Item Card 1 Align Start", - "slug": "ext-preset--group--placard-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/placard-1/panel-1/preset.json b/styles/block-presets/group/placard-1/panel-1/preset.json deleted file mode 100644 index 8fb4adc..0000000 --- a/styles/block-presets/group/placard-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Panel 1", - "slug": "ext-preset--group--placard-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/placard-1/section-intro-1/preset.json b/styles/block-presets/group/placard-1/section-intro-1/preset.json deleted file mode 100644 index 5bb62b8..0000000 --- a/styles/block-presets/group/placard-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Section Intro 1", - "slug": "ext-preset--group--placard-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/placard-1/section/preset.json b/styles/block-presets/group/placard-1/section/preset.json deleted file mode 100644 index 04bb3ca..0000000 --- a/styles/block-presets/group/placard-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Section", - "slug": "ext-preset--group--placard-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/placard-1/template/preset.json b/styles/block-presets/group/placard-1/template/preset.json deleted file mode 100644 index 4c6234b..0000000 --- a/styles/block-presets/group/placard-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Template", - "slug": "ext-preset--group--placard-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/pristine-1/footer-1/preset.json b/styles/block-presets/group/pristine-1/footer-1/preset.json deleted file mode 100644 index 066ead6..0000000 --- a/styles/block-presets/group/pristine-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Footer 1", - "slug": "ext-preset--group--pristine-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" - } -} diff --git a/styles/block-presets/group/pristine-1/header-1/preset.json b/styles/block-presets/group/pristine-1/header-1/preset.json deleted file mode 100644 index 9b936e5..0000000 --- a/styles/block-presets/group/pristine-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Header 1", - "slug": "ext-preset--group--pristine-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" - } -} diff --git a/styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json b/styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json deleted file mode 100644 index 6b65514..0000000 --- a/styles/block-presets/group/pristine-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Item Card 1 Align Center", - "slug": "ext-preset--group--pristine-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: 32px; } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: 32px; padding-right: 32px; } & > .ext-card-footer { padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } & > .ext-card-body:first-child { padding-top: 32px; } & > .ext-card-body:last-child { padding-bottom: 32px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json b/styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json deleted file mode 100644 index 78f1f42..0000000 --- a/styles/block-presets/group/pristine-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,50 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Item Card 1 Align Start", - "slug": "ext-preset--group--pristine-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: 32px; } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: 32px; padding-right: 32px; } & > .ext-card-footer { padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } & > .ext-card-body:first-child { padding-top: 32px; } & > .ext-card-body:last-child { padding-bottom: 32px; } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/pristine-1/panel-1/preset.json b/styles/block-presets/group/pristine-1/panel-1/preset.json deleted file mode 100644 index 78ebfdf..0000000 --- a/styles/block-presets/group/pristine-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Panel 1", - "slug": "ext-preset--group--pristine-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/pristine-1/section-intro-1/preset.json b/styles/block-presets/group/pristine-1/section-intro-1/preset.json deleted file mode 100644 index aa63062..0000000 --- a/styles/block-presets/group/pristine-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Section Intro 1", - "slug": "ext-preset--group--pristine-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/pristine-1/section/preset.json b/styles/block-presets/group/pristine-1/section/preset.json deleted file mode 100644 index 35aa794..0000000 --- a/styles/block-presets/group/pristine-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Section", - "slug": "ext-preset--group--pristine-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/pristine-1/template/preset.json b/styles/block-presets/group/pristine-1/template/preset.json deleted file mode 100644 index 627d70e..0000000 --- a/styles/block-presets/group/pristine-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Template", - "slug": "ext-preset--group--pristine-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" - } -} diff --git a/styles/block-presets/group/pulp-1/footer-1/preset.json b/styles/block-presets/group/pulp-1/footer-1/preset.json deleted file mode 100644 index 7ca2250..0000000 --- a/styles/block-presets/group/pulp-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Footer 1", - "slug": "ext-preset--group--pulp-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/pulp-1/header-1/preset.json b/styles/block-presets/group/pulp-1/header-1/preset.json deleted file mode 100644 index 47ff9b2..0000000 --- a/styles/block-presets/group/pulp-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Header 1", - "slug": "ext-preset--group--pulp-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json b/styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json deleted file mode 100644 index cb00f0f..0000000 --- a/styles/block-presets/group/pulp-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,56 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Item Card 1 Align Center", - "slug": "ext-preset--group--pulp-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - }, - "shadow": "6px 6px 0 0 var(--wp--custom--color--text-strong)", - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" - } -} diff --git a/styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json b/styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json deleted file mode 100644 index 7784a11..0000000 --- a/styles/block-presets/group/pulp-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Item Card 1 Align Start", - "slug": "ext-preset--group--pulp-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - }, - "shadow": "6px 6px 0 0 var(--wp--custom--color--text-strong)", - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" - } -} diff --git a/styles/block-presets/group/pulp-1/panel-1/preset.json b/styles/block-presets/group/pulp-1/panel-1/preset.json deleted file mode 100644 index 5d4595c..0000000 --- a/styles/block-presets/group/pulp-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Panel 1", - "slug": "ext-preset--group--pulp-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/pulp-1/section-intro-1/preset.json b/styles/block-presets/group/pulp-1/section-intro-1/preset.json deleted file mode 100644 index 5124a64..0000000 --- a/styles/block-presets/group/pulp-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Section Intro 1", - "slug": "ext-preset--group--pulp-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/pulp-1/section/preset.json b/styles/block-presets/group/pulp-1/section/preset.json deleted file mode 100644 index e8f0e03..0000000 --- a/styles/block-presets/group/pulp-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Section", - "slug": "ext-preset--group--pulp-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/pulp-1/template/preset.json b/styles/block-presets/group/pulp-1/template/preset.json deleted file mode 100644 index 853947c..0000000 --- a/styles/block-presets/group/pulp-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Template", - "slug": "ext-preset--group--pulp-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/rainbow-1/footer-1/preset.json b/styles/block-presets/group/rainbow-1/footer-1/preset.json deleted file mode 100644 index 979e8cf..0000000 --- a/styles/block-presets/group/rainbow-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Footer 1", - "slug": "ext-preset--group--rainbow-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/rainbow-1/header-1/preset.json b/styles/block-presets/group/rainbow-1/header-1/preset.json deleted file mode 100644 index 815175c..0000000 --- a/styles/block-presets/group/rainbow-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Header 1", - "slug": "ext-preset--group--rainbow-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json b/styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json deleted file mode 100644 index 722b2b5..0000000 --- a/styles/block-presets/group/rainbow-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Item Card 1 Align Center", - "slug": "ext-preset--group--rainbow-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "16px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json b/styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json deleted file mode 100644 index 92f6bdf..0000000 --- a/styles/block-presets/group/rainbow-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Item Card 1 Align Start", - "slug": "ext-preset--group--rainbow-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "16px" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/rainbow-1/panel-1/preset.json b/styles/block-presets/group/rainbow-1/panel-1/preset.json deleted file mode 100644 index e8bffd5..0000000 --- a/styles/block-presets/group/rainbow-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Panel 1", - "slug": "ext-preset--group--rainbow-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "16px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/rainbow-1/section-intro-1/preset.json b/styles/block-presets/group/rainbow-1/section-intro-1/preset.json deleted file mode 100644 index 21d5b62..0000000 --- a/styles/block-presets/group/rainbow-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Section Intro 1", - "slug": "ext-preset--group--rainbow-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/rainbow-1/section/preset.json b/styles/block-presets/group/rainbow-1/section/preset.json deleted file mode 100644 index 2ed7c6b..0000000 --- a/styles/block-presets/group/rainbow-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Section", - "slug": "ext-preset--group--rainbow-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; }" - } -} diff --git a/styles/block-presets/group/rainbow-1/template/preset.json b/styles/block-presets/group/rainbow-1/template/preset.json deleted file mode 100644 index 8ec1b54..0000000 --- a/styles/block-presets/group/rainbow-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Template", - "slug": "ext-preset--group--rainbow-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/retro-1/footer-1/preset.json b/styles/block-presets/group/retro-1/footer-1/preset.json index 3ca1823..6c7c205 100644 --- a/styles/block-presets/group/retro-1/footer-1/preset.json +++ b/styles/block-presets/group/retro-1/footer-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/retro-1/header-1/preset.json b/styles/block-presets/group/retro-1/header-1/preset.json index c6fc922..c762bf8 100644 --- a/styles/block-presets/group/retro-1/header-1/preset.json +++ b/styles/block-presets/group/retro-1/header-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index 41c0ca6..e6efae9 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json index 352ea96..cad2ef5 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/block-presets/group/retro-1/section-intro-1/preset.json b/styles/block-presets/group/retro-1/section-intro-1/preset.json index fa96496..097f696 100644 --- a/styles/block-presets/group/retro-1/section-intro-1/preset.json +++ b/styles/block-presets/group/retro-1/section-intro-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro p { font-family: 'Fraunces', 'Fraunces Variable', Georgia, 'Times New Roman', serif;font-style: italic; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" } } diff --git a/styles/block-presets/group/retro-1/section/preset.json b/styles/block-presets/group/retro-1/section/preset.json index 8e3595a..43b607a 100644 --- a/styles/block-presets/group/retro-1/section/preset.json +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" } } diff --git a/styles/block-presets/group/retro-1/template/preset.json b/styles/block-presets/group/retro-1/template/preset.json index 606be0b..d22c6f1 100644 --- a/styles/block-presets/group/retro-1/template/preset.json +++ b/styles/block-presets/group/retro-1/template/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/sanctuary-1/footer-1/preset.json b/styles/block-presets/group/sanctuary-1/footer-1/preset.json deleted file mode 100644 index 1f5fc5d..0000000 --- a/styles/block-presets/group/sanctuary-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Footer 1", - "slug": "ext-preset--group--sanctuary-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/header-1/preset.json b/styles/block-presets/group/sanctuary-1/header-1/preset.json deleted file mode 100644 index 1f5cf20..0000000 --- a/styles/block-presets/group/sanctuary-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Header 1", - "slug": "ext-preset--group--sanctuary-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json b/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json deleted file mode 100644 index c9e2b4b..0000000 --- a/styles/block-presets/group/sanctuary-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Item Card 1 Align Center", - "slug": "ext-preset--group--sanctuary-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": { - "topLeft": "999px", - "topRight": "999px", - "bottomRight": "0px", - "bottomLeft": "0px" - } - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json b/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json deleted file mode 100644 index afffa28..0000000 --- a/styles/block-presets/group/sanctuary-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Item Card 1 Align Start", - "slug": "ext-preset--group--sanctuary-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": { - "topLeft": "999px", - "topRight": "999px", - "bottomRight": "0px", - "bottomLeft": "0px" - } - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/panel-1/preset.json b/styles/block-presets/group/sanctuary-1/panel-1/preset.json deleted file mode 100644 index 47cde36..0000000 --- a/styles/block-presets/group/sanctuary-1/panel-1/preset.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Panel 1", - "slug": "ext-preset--group--sanctuary-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": { - "topLeft": "999px", - "topRight": "999px", - "bottomRight": "0px", - "bottomLeft": "0px" - } - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json b/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json deleted file mode 100644 index f4d43d5..0000000 --- a/styles/block-presets/group/sanctuary-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Section Intro 1", - "slug": "ext-preset--group--sanctuary-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/section/preset.json b/styles/block-presets/group/sanctuary-1/section/preset.json deleted file mode 100644 index a9c2f14..0000000 --- a/styles/block-presets/group/sanctuary-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Section", - "slug": "ext-preset--group--sanctuary-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/sanctuary-1/template/preset.json b/styles/block-presets/group/sanctuary-1/template/preset.json deleted file mode 100644 index bb8aca4..0000000 --- a/styles/block-presets/group/sanctuary-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Template", - "slug": "ext-preset--group--sanctuary-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/umber-1/footer-1/preset.json b/styles/block-presets/group/umber-1/footer-1/preset.json deleted file mode 100644 index 4ac6d8a..0000000 --- a/styles/block-presets/group/umber-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Footer 1", - "slug": "ext-preset--group--umber-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/umber-1/header-1/preset.json b/styles/block-presets/group/umber-1/header-1/preset.json deleted file mode 100644 index 15a3198..0000000 --- a/styles/block-presets/group/umber-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Header 1", - "slug": "ext-preset--group--umber-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/umber-1/item-card-1/align-center/preset.json b/styles/block-presets/group/umber-1/item-card-1/align-center/preset.json deleted file mode 100644 index 898b59d..0000000 --- a/styles/block-presets/group/umber-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Item Card 1 Align Center", - "slug": "ext-preset--group--umber-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/umber-1/item-card-1/align-start/preset.json b/styles/block-presets/group/umber-1/item-card-1/align-start/preset.json deleted file mode 100644 index deb0a47..0000000 --- a/styles/block-presets/group/umber-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Item Card 1 Align Start", - "slug": "ext-preset--group--umber-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/group/umber-1/panel-1/preset.json b/styles/block-presets/group/umber-1/panel-1/preset.json deleted file mode 100644 index 58481ad..0000000 --- a/styles/block-presets/group/umber-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Panel 1", - "slug": "ext-preset--group--umber-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/umber-1/section-intro-1/preset.json b/styles/block-presets/group/umber-1/section-intro-1/preset.json deleted file mode 100644 index 192225a..0000000 --- a/styles/block-presets/group/umber-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Section Intro 1", - "slug": "ext-preset--group--umber-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/umber-1/section/preset.json b/styles/block-presets/group/umber-1/section/preset.json deleted file mode 100644 index dbbc136..0000000 --- a/styles/block-presets/group/umber-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Section", - "slug": "ext-preset--group--umber-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; }" - } -} diff --git a/styles/block-presets/group/umber-1/template/preset.json b/styles/block-presets/group/umber-1/template/preset.json deleted file mode 100644 index 414ddd6..0000000 --- a/styles/block-presets/group/umber-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Template", - "slug": "ext-preset--group--umber-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/vitreous-1/footer-1/preset.json b/styles/block-presets/group/vitreous-1/footer-1/preset.json deleted file mode 100644 index b069ec1..0000000 --- a/styles/block-presets/group/vitreous-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Footer 1", - "slug": "ext-preset--group--vitreous-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/vitreous-1/header-1/preset.json b/styles/block-presets/group/vitreous-1/header-1/preset.json deleted file mode 100644 index 8da2d96..0000000 --- a/styles/block-presets/group/vitreous-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Header 1", - "slug": "ext-preset--group--vitreous-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json b/styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json deleted file mode 100644 index 652712b..0000000 --- a/styles/block-presets/group/vitreous-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Item Card 1 Align Center", - "slug": "ext-preset--group--vitreous-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent)" - }, - "border": { - "radius": "6px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "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": "& { background-color: color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent) !important; overflow: hidden; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" - } -} diff --git a/styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json b/styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json deleted file mode 100644 index 5c45937..0000000 --- a/styles/block-presets/group/vitreous-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Item Card 1 Align Start", - "slug": "ext-preset--group--vitreous-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent)" - }, - "border": { - "radius": "6px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent) !important; overflow: hidden; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); }" - } -} diff --git a/styles/block-presets/group/vitreous-1/panel-1/preset.json b/styles/block-presets/group/vitreous-1/panel-1/preset.json deleted file mode 100644 index 2b1f930..0000000 --- a/styles/block-presets/group/vitreous-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Panel 1", - "slug": "ext-preset--group--vitreous-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "6px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/vitreous-1/section-intro-1/preset.json b/styles/block-presets/group/vitreous-1/section-intro-1/preset.json deleted file mode 100644 index 632bc21..0000000 --- a/styles/block-presets/group/vitreous-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Section Intro 1", - "slug": "ext-preset--group--vitreous-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/vitreous-1/section/preset.json b/styles/block-presets/group/vitreous-1/section/preset.json deleted file mode 100644 index bd432da..0000000 --- a/styles/block-presets/group/vitreous-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Section", - "slug": "ext-preset--group--vitreous-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" - } -} diff --git a/styles/block-presets/group/vitreous-1/template/preset.json b/styles/block-presets/group/vitreous-1/template/preset.json deleted file mode 100644 index 02bc009..0000000 --- a/styles/block-presets/group/vitreous-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Template", - "slug": "ext-preset--group--vitreous-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/image/atelier-1/gallery-1/preset.json b/styles/block-presets/image/atelier-1/gallery-1/preset.json deleted file mode 100644 index 8d5c7d2..0000000 --- a/styles/block-presets/image/atelier-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Gallery 1", - "slug": "ext-preset--image--atelier-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/atelier-1/icon-1/preset.json b/styles/block-presets/image/atelier-1/icon-1/preset.json deleted file mode 100644 index 0f28ef4..0000000 --- a/styles/block-presets/image/atelier-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Icon 1", - "slug": "ext-preset--image--atelier-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/atelier-1/icon-small-1/preset.json b/styles/block-presets/image/atelier-1/icon-small-1/preset.json deleted file mode 100644 index 2970115..0000000 --- a/styles/block-presets/image/atelier-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Icon Small 1", - "slug": "ext-preset--image--atelier-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/atelier-1/image-1/content-any/preset.json b/styles/block-presets/image/atelier-1/image-1/content-any/preset.json deleted file mode 100644 index 7eca421..0000000 --- a/styles/block-presets/image/atelier-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Image 1 Content Any", - "slug": "ext-preset--image--atelier-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json b/styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json deleted file mode 100644 index ebe8738..0000000 --- a/styles/block-presets/image/atelier-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Image 1 Content Bottom", - "slug": "ext-preset--image--atelier-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/atelier-1/image-1/content-left/preset.json b/styles/block-presets/image/atelier-1/image-1/content-left/preset.json deleted file mode 100644 index 5c44e45..0000000 --- a/styles/block-presets/image/atelier-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Image 1 Content Left", - "slug": "ext-preset--image--atelier-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/atelier-1/image-1/content-right/preset.json b/styles/block-presets/image/atelier-1/image-1/content-right/preset.json deleted file mode 100644 index f9cc1df..0000000 --- a/styles/block-presets/image/atelier-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Image 1 Content Right", - "slug": "ext-preset--image--atelier-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/atelier-1/image-1/content-top/preset.json b/styles/block-presets/image/atelier-1/image-1/content-top/preset.json deleted file mode 100644 index a90fd6f..0000000 --- a/styles/block-presets/image/atelier-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Image 1 Content Top", - "slug": "ext-preset--image--atelier-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/citrus-1/gallery-1/preset.json b/styles/block-presets/image/citrus-1/gallery-1/preset.json deleted file mode 100644 index 65ddb12..0000000 --- a/styles/block-presets/image/citrus-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Gallery 1", - "slug": "ext-preset--image--citrus-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/citrus-1/icon-1/preset.json b/styles/block-presets/image/citrus-1/icon-1/preset.json deleted file mode 100644 index b38010c..0000000 --- a/styles/block-presets/image/citrus-1/icon-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Icon 1", - "slug": "ext-preset--image--citrus-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 12px; padding: 8px; box-sizing: content-box; }" - } -} diff --git a/styles/block-presets/image/citrus-1/icon-small-1/preset.json b/styles/block-presets/image/citrus-1/icon-small-1/preset.json deleted file mode 100644 index 7013a42..0000000 --- a/styles/block-presets/image/citrus-1/icon-small-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Icon Small 1", - "slug": "ext-preset--image--citrus-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 6px; padding: 4px; box-sizing: content-box; }" - } -} diff --git a/styles/block-presets/image/citrus-1/image-1/content-any/preset.json b/styles/block-presets/image/citrus-1/image-1/content-any/preset.json deleted file mode 100644 index 72d0eb7..0000000 --- a/styles/block-presets/image/citrus-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Image 1 Content Any", - "slug": "ext-preset--image--citrus-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json b/styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json deleted file mode 100644 index c6f7ad3..0000000 --- a/styles/block-presets/image/citrus-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Image 1 Content Bottom", - "slug": "ext-preset--image--citrus-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/citrus-1/image-1/content-left/preset.json b/styles/block-presets/image/citrus-1/image-1/content-left/preset.json deleted file mode 100644 index 6552727..0000000 --- a/styles/block-presets/image/citrus-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Image 1 Content Left", - "slug": "ext-preset--image--citrus-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/citrus-1/image-1/content-right/preset.json b/styles/block-presets/image/citrus-1/image-1/content-right/preset.json deleted file mode 100644 index dff5b49..0000000 --- a/styles/block-presets/image/citrus-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Image 1 Content Right", - "slug": "ext-preset--image--citrus-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/citrus-1/image-1/content-top/preset.json b/styles/block-presets/image/citrus-1/image-1/content-top/preset.json deleted file mode 100644 index 774db57..0000000 --- a/styles/block-presets/image/citrus-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Image 1 Content Top", - "slug": "ext-preset--image--citrus-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/haven-1/gallery-1/preset.json b/styles/block-presets/image/haven-1/gallery-1/preset.json deleted file mode 100644 index 5476963..0000000 --- a/styles/block-presets/image/haven-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Gallery 1", - "slug": "ext-preset--image--haven-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/haven-1/icon-1/preset.json b/styles/block-presets/image/haven-1/icon-1/preset.json deleted file mode 100644 index e58d699..0000000 --- a/styles/block-presets/image/haven-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Icon 1", - "slug": "ext-preset--image--haven-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/haven-1/icon-small-1/preset.json b/styles/block-presets/image/haven-1/icon-small-1/preset.json deleted file mode 100644 index 0b2be3d..0000000 --- a/styles/block-presets/image/haven-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Icon Small 1", - "slug": "ext-preset--image--haven-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/haven-1/image-1/content-any/preset.json b/styles/block-presets/image/haven-1/image-1/content-any/preset.json deleted file mode 100644 index c680f19..0000000 --- a/styles/block-presets/image/haven-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Image 1 Content Any", - "slug": "ext-preset--image--haven-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/haven-1/image-1/content-bottom/preset.json b/styles/block-presets/image/haven-1/image-1/content-bottom/preset.json deleted file mode 100644 index 2e03cc7..0000000 --- a/styles/block-presets/image/haven-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Image 1 Content Bottom", - "slug": "ext-preset--image--haven-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/haven-1/image-1/content-left/preset.json b/styles/block-presets/image/haven-1/image-1/content-left/preset.json deleted file mode 100644 index 3f367ee..0000000 --- a/styles/block-presets/image/haven-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Image 1 Content Left", - "slug": "ext-preset--image--haven-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/haven-1/image-1/content-right/preset.json b/styles/block-presets/image/haven-1/image-1/content-right/preset.json deleted file mode 100644 index 1d3830a..0000000 --- a/styles/block-presets/image/haven-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Image 1 Content Right", - "slug": "ext-preset--image--haven-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/haven-1/image-1/content-top/preset.json b/styles/block-presets/image/haven-1/image-1/content-top/preset.json deleted file mode 100644 index 1f15dda..0000000 --- a/styles/block-presets/image/haven-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Image 1 Content Top", - "slug": "ext-preset--image--haven-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "12px" - } - } -} diff --git a/styles/block-presets/image/lilac-1/gallery-1/preset.json b/styles/block-presets/image/lilac-1/gallery-1/preset.json deleted file mode 100644 index 9509e90..0000000 --- a/styles/block-presets/image/lilac-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Gallery 1", - "slug": "ext-preset--image--lilac-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/lilac-1/icon-1/preset.json b/styles/block-presets/image/lilac-1/icon-1/preset.json deleted file mode 100644 index 58cb60f..0000000 --- a/styles/block-presets/image/lilac-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Icon 1", - "slug": "ext-preset--image--lilac-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/lilac-1/icon-small-1/preset.json b/styles/block-presets/image/lilac-1/icon-small-1/preset.json deleted file mode 100644 index b63ef35..0000000 --- a/styles/block-presets/image/lilac-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Icon Small 1", - "slug": "ext-preset--image--lilac-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/lilac-1/image-1/content-any/preset.json b/styles/block-presets/image/lilac-1/image-1/content-any/preset.json deleted file mode 100644 index e5e8e9e..0000000 --- a/styles/block-presets/image/lilac-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Image 1 Content Any", - "slug": "ext-preset--image--lilac-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json b/styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json deleted file mode 100644 index 01f0d89..0000000 --- a/styles/block-presets/image/lilac-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Image 1 Content Bottom", - "slug": "ext-preset--image--lilac-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/lilac-1/image-1/content-left/preset.json b/styles/block-presets/image/lilac-1/image-1/content-left/preset.json deleted file mode 100644 index d73bbf1..0000000 --- a/styles/block-presets/image/lilac-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Image 1 Content Left", - "slug": "ext-preset--image--lilac-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/lilac-1/image-1/content-right/preset.json b/styles/block-presets/image/lilac-1/image-1/content-right/preset.json deleted file mode 100644 index 000648c..0000000 --- a/styles/block-presets/image/lilac-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Image 1 Content Right", - "slug": "ext-preset--image--lilac-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/lilac-1/image-1/content-top/preset.json b/styles/block-presets/image/lilac-1/image-1/content-top/preset.json deleted file mode 100644 index c4a8e72..0000000 --- a/styles/block-presets/image/lilac-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Image 1 Content Top", - "slug": "ext-preset--image--lilac-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/natural-1/icon-1/preset.json b/styles/block-presets/image/natural-1/icon-1/preset.json index 28a1ac3..f79ed0f 100644 --- a/styles/block-presets/image/natural-1/icon-1/preset.json +++ b/styles/block-presets/image/natural-1/icon-1/preset.json @@ -6,5 +6,7 @@ "blockTypes": [ "core/image" ], - "styles": {} + "styles": { + "css": "& { background: transparent; border-radius: 0; padding: 0; box-sizing: content-box; width: fit-content; max-width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }" + } } diff --git a/styles/block-presets/image/natural-1/icon-small-1/preset.json b/styles/block-presets/image/natural-1/icon-small-1/preset.json index 4b90661..862cb7b 100644 --- a/styles/block-presets/image/natural-1/icon-small-1/preset.json +++ b/styles/block-presets/image/natural-1/icon-small-1/preset.json @@ -6,5 +6,7 @@ "blockTypes": [ "core/image" ], - "styles": {} + "styles": { + "css": "& { background: transparent; border-radius: 0; padding: 0; box-sizing: content-box; width: fit-content; max-width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }" + } } diff --git a/styles/block-presets/image/placard-1/gallery-1/preset.json b/styles/block-presets/image/placard-1/gallery-1/preset.json deleted file mode 100644 index 5bf3481..0000000 --- a/styles/block-presets/image/placard-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Gallery 1", - "slug": "ext-preset--image--placard-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/placard-1/icon-1/preset.json b/styles/block-presets/image/placard-1/icon-1/preset.json deleted file mode 100644 index 0ef7965..0000000 --- a/styles/block-presets/image/placard-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Icon 1", - "slug": "ext-preset--image--placard-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/placard-1/icon-small-1/preset.json b/styles/block-presets/image/placard-1/icon-small-1/preset.json deleted file mode 100644 index e6149e8..0000000 --- a/styles/block-presets/image/placard-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Icon Small 1", - "slug": "ext-preset--image--placard-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/placard-1/image-1/content-any/preset.json b/styles/block-presets/image/placard-1/image-1/content-any/preset.json deleted file mode 100644 index 31987ae..0000000 --- a/styles/block-presets/image/placard-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Image 1 Content Any", - "slug": "ext-preset--image--placard-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/placard-1/image-1/content-bottom/preset.json b/styles/block-presets/image/placard-1/image-1/content-bottom/preset.json deleted file mode 100644 index 07fac62..0000000 --- a/styles/block-presets/image/placard-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Image 1 Content Bottom", - "slug": "ext-preset--image--placard-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/placard-1/image-1/content-left/preset.json b/styles/block-presets/image/placard-1/image-1/content-left/preset.json deleted file mode 100644 index c97458b..0000000 --- a/styles/block-presets/image/placard-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Image 1 Content Left", - "slug": "ext-preset--image--placard-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/placard-1/image-1/content-right/preset.json b/styles/block-presets/image/placard-1/image-1/content-right/preset.json deleted file mode 100644 index 347f7ad..0000000 --- a/styles/block-presets/image/placard-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Image 1 Content Right", - "slug": "ext-preset--image--placard-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/placard-1/image-1/content-top/preset.json b/styles/block-presets/image/placard-1/image-1/content-top/preset.json deleted file mode 100644 index 8732a48..0000000 --- a/styles/block-presets/image/placard-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Image 1 Content Top", - "slug": "ext-preset--image--placard-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pristine-1/gallery-1/preset.json b/styles/block-presets/image/pristine-1/gallery-1/preset.json deleted file mode 100644 index fd4106d..0000000 --- a/styles/block-presets/image/pristine-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Gallery 1", - "slug": "ext-preset--image--pristine-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pristine-1/icon-1/preset.json b/styles/block-presets/image/pristine-1/icon-1/preset.json deleted file mode 100644 index 43b80bf..0000000 --- a/styles/block-presets/image/pristine-1/icon-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Icon 1", - "slug": "ext-preset--image--pristine-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; box-sizing: content-box; }" - } -} diff --git a/styles/block-presets/image/pristine-1/icon-small-1/preset.json b/styles/block-presets/image/pristine-1/icon-small-1/preset.json deleted file mode 100644 index b67a281..0000000 --- a/styles/block-presets/image/pristine-1/icon-small-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Icon Small 1", - "slug": "ext-preset--image--pristine-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 4px; box-sizing: content-box; }" - } -} diff --git a/styles/block-presets/image/pristine-1/image-1/content-any/preset.json b/styles/block-presets/image/pristine-1/image-1/content-any/preset.json deleted file mode 100644 index e624263..0000000 --- a/styles/block-presets/image/pristine-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Image 1 Content Any", - "slug": "ext-preset--image--pristine-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json b/styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json deleted file mode 100644 index 36f1077..0000000 --- a/styles/block-presets/image/pristine-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Image 1 Content Bottom", - "slug": "ext-preset--image--pristine-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pristine-1/image-1/content-left/preset.json b/styles/block-presets/image/pristine-1/image-1/content-left/preset.json deleted file mode 100644 index 4784ac3..0000000 --- a/styles/block-presets/image/pristine-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Image 1 Content Left", - "slug": "ext-preset--image--pristine-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pristine-1/image-1/content-right/preset.json b/styles/block-presets/image/pristine-1/image-1/content-right/preset.json deleted file mode 100644 index 06b5daf..0000000 --- a/styles/block-presets/image/pristine-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Image 1 Content Right", - "slug": "ext-preset--image--pristine-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pristine-1/image-1/content-top/preset.json b/styles/block-presets/image/pristine-1/image-1/content-top/preset.json deleted file mode 100644 index 1a6d10b..0000000 --- a/styles/block-presets/image/pristine-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Image 1 Content Top", - "slug": "ext-preset--image--pristine-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/pulp-1/gallery-1/preset.json b/styles/block-presets/image/pulp-1/gallery-1/preset.json deleted file mode 100644 index 801b730..0000000 --- a/styles/block-presets/image/pulp-1/gallery-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Gallery 1", - "slug": "ext-preset--image--pulp-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - } - } -} diff --git a/styles/block-presets/image/pulp-1/icon-1/preset.json b/styles/block-presets/image/pulp-1/icon-1/preset.json deleted file mode 100644 index 67f7366..0000000 --- a/styles/block-presets/image/pulp-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Icon 1", - "slug": "ext-preset--image--pulp-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/pulp-1/icon-small-1/preset.json b/styles/block-presets/image/pulp-1/icon-small-1/preset.json deleted file mode 100644 index 35bd29a..0000000 --- a/styles/block-presets/image/pulp-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Icon Small 1", - "slug": "ext-preset--image--pulp-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/pulp-1/image-1/content-any/preset.json b/styles/block-presets/image/pulp-1/image-1/content-any/preset.json deleted file mode 100644 index 078b9b4..0000000 --- a/styles/block-presets/image/pulp-1/image-1/content-any/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Image 1 Content Any", - "slug": "ext-preset--image--pulp-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - } - } -} diff --git a/styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json b/styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json deleted file mode 100644 index 6e10974..0000000 --- a/styles/block-presets/image/pulp-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Image 1 Content Bottom", - "slug": "ext-preset--image--pulp-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - } - } -} diff --git a/styles/block-presets/image/pulp-1/image-1/content-left/preset.json b/styles/block-presets/image/pulp-1/image-1/content-left/preset.json deleted file mode 100644 index ad7ee7f..0000000 --- a/styles/block-presets/image/pulp-1/image-1/content-left/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Image 1 Content Left", - "slug": "ext-preset--image--pulp-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - } - } -} diff --git a/styles/block-presets/image/pulp-1/image-1/content-right/preset.json b/styles/block-presets/image/pulp-1/image-1/content-right/preset.json deleted file mode 100644 index a101383..0000000 --- a/styles/block-presets/image/pulp-1/image-1/content-right/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Image 1 Content Right", - "slug": "ext-preset--image--pulp-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - } - } -} diff --git a/styles/block-presets/image/pulp-1/image-1/content-top/preset.json b/styles/block-presets/image/pulp-1/image-1/content-top/preset.json deleted file mode 100644 index 50dd03f..0000000 --- a/styles/block-presets/image/pulp-1/image-1/content-top/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Image 1 Content Top", - "slug": "ext-preset--image--pulp-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - } - } -} diff --git a/styles/block-presets/image/rainbow-1/gallery-1/preset.json b/styles/block-presets/image/rainbow-1/gallery-1/preset.json deleted file mode 100644 index 847b270..0000000 --- a/styles/block-presets/image/rainbow-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Gallery 1", - "slug": "ext-preset--image--rainbow-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "16px" - } - } -} diff --git a/styles/block-presets/image/rainbow-1/icon-1/preset.json b/styles/block-presets/image/rainbow-1/icon-1/preset.json deleted file mode 100644 index c42b89f..0000000 --- a/styles/block-presets/image/rainbow-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Icon 1", - "slug": "ext-preset--image--rainbow-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/rainbow-1/icon-small-1/preset.json b/styles/block-presets/image/rainbow-1/icon-small-1/preset.json deleted file mode 100644 index 5fe69f3..0000000 --- a/styles/block-presets/image/rainbow-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Icon Small 1", - "slug": "ext-preset--image--rainbow-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-any/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-any/preset.json deleted file mode 100644 index 32bb64c..0000000 --- a/styles/block-presets/image/rainbow-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Image 1 Content Any", - "slug": "ext-preset--image--rainbow-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "16px" - } - } -} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json deleted file mode 100644 index accc203..0000000 --- a/styles/block-presets/image/rainbow-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Image 1 Content Bottom", - "slug": "ext-preset--image--rainbow-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "16px" - } - } -} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-left/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-left/preset.json deleted file mode 100644 index e329448..0000000 --- a/styles/block-presets/image/rainbow-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Image 1 Content Left", - "slug": "ext-preset--image--rainbow-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "16px" - } - } -} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-right/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-right/preset.json deleted file mode 100644 index 48f393d..0000000 --- a/styles/block-presets/image/rainbow-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Image 1 Content Right", - "slug": "ext-preset--image--rainbow-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "16px" - } - } -} diff --git a/styles/block-presets/image/rainbow-1/image-1/content-top/preset.json b/styles/block-presets/image/rainbow-1/image-1/content-top/preset.json deleted file mode 100644 index e13db37..0000000 --- a/styles/block-presets/image/rainbow-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Image 1 Content Top", - "slug": "ext-preset--image--rainbow-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "16px" - } - } -} diff --git a/styles/block-presets/image/retro-1/icon-1/preset.json b/styles/block-presets/image/retro-1/icon-1/preset.json index 888c8c3..41b1ec9 100644 --- a/styles/block-presets/image/retro-1/icon-1/preset.json +++ b/styles/block-presets/image/retro-1/icon-1/preset.json @@ -7,6 +7,6 @@ "core/image" ], "styles": { - "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; box-sizing: content-box; }" + "css": "& { color: var(--wp--custom--color--icon-ink); background-color: var(--wp--custom--color--icon-surface); border-radius: 999px; padding: 8px; box-sizing: content-box; width: fit-content; max-width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }" } } diff --git a/styles/block-presets/image/retro-1/icon-small-1/preset.json b/styles/block-presets/image/retro-1/icon-small-1/preset.json index ba5ac9f..e8c8457 100644 --- a/styles/block-presets/image/retro-1/icon-small-1/preset.json +++ b/styles/block-presets/image/retro-1/icon-small-1/preset.json @@ -7,6 +7,6 @@ "core/image" ], "styles": { - "css": "& img { color: var(--wp--custom--color--chip-ink); background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 4px; box-sizing: content-box; }" + "css": "& { color: var(--wp--custom--color--icon-ink); background-color: var(--wp--custom--color--icon-surface); border-radius: 999px; padding: 4px; box-sizing: content-box; width: fit-content; max-width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }" } } diff --git a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json index 9d55a13..4bf0462 100644 --- a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json @@ -9,7 +9,12 @@ ], "styles": { "border": { - "radius": "12px" + "radius": { + "topLeft": "12px", + "topRight": "12px", + "bottomRight": "0", + "bottomLeft": "0" + } } } } diff --git a/styles/block-presets/image/retro-1/image-1/content-left/preset.json b/styles/block-presets/image/retro-1/image-1/content-left/preset.json index bf322dc..e06997f 100644 --- a/styles/block-presets/image/retro-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-left/preset.json @@ -9,7 +9,12 @@ ], "styles": { "border": { - "radius": "12px" + "radius": { + "topLeft": "0", + "topRight": "12px", + "bottomRight": "12px", + "bottomLeft": "0" + } } } } diff --git a/styles/block-presets/image/retro-1/image-1/content-right/preset.json b/styles/block-presets/image/retro-1/image-1/content-right/preset.json index c31737e..8c19808 100644 --- a/styles/block-presets/image/retro-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-right/preset.json @@ -9,7 +9,12 @@ ], "styles": { "border": { - "radius": "12px" + "radius": { + "topLeft": "12px", + "topRight": "0", + "bottomRight": "0", + "bottomLeft": "12px" + } } } } diff --git a/styles/block-presets/image/retro-1/image-1/content-top/preset.json b/styles/block-presets/image/retro-1/image-1/content-top/preset.json index cbd5718..a41b97b 100644 --- a/styles/block-presets/image/retro-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-top/preset.json @@ -9,7 +9,12 @@ ], "styles": { "border": { - "radius": "12px" + "radius": { + "topLeft": "0", + "topRight": "0", + "bottomRight": "12px", + "bottomLeft": "12px" + } } } } diff --git a/styles/block-presets/image/sanctuary-1/gallery-1/preset.json b/styles/block-presets/image/sanctuary-1/gallery-1/preset.json deleted file mode 100644 index a629f04..0000000 --- a/styles/block-presets/image/sanctuary-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Gallery 1", - "slug": "ext-preset--image--sanctuary-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/sanctuary-1/icon-1/preset.json b/styles/block-presets/image/sanctuary-1/icon-1/preset.json deleted file mode 100644 index 0fa88b6..0000000 --- a/styles/block-presets/image/sanctuary-1/icon-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Icon 1", - "slug": "ext-preset--image--sanctuary-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "css": "& img { color: var(--wp--custom--color--icon-brand); border-radius: 999px; padding: 8px; box-sizing: content-box; border: 1.5px solid var(--wp--custom--color--stroke-brand); }" - } -} diff --git a/styles/block-presets/image/sanctuary-1/icon-small-1/preset.json b/styles/block-presets/image/sanctuary-1/icon-small-1/preset.json deleted file mode 100644 index c8b03e4..0000000 --- a/styles/block-presets/image/sanctuary-1/icon-small-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Icon Small 1", - "slug": "ext-preset--image--sanctuary-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "css": "& img { color: var(--wp--custom--color--icon-brand); border-radius: 999px; padding: 4px; box-sizing: content-box; border: 1.5px solid var(--wp--custom--color--stroke-brand); }" - } -} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json deleted file mode 100644 index 9a2e4a0..0000000 --- a/styles/block-presets/image/sanctuary-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Image 1 Content Any", - "slug": "ext-preset--image--sanctuary-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json deleted file mode 100644 index 821c3b0..0000000 --- a/styles/block-presets/image/sanctuary-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Image 1 Content Bottom", - "slug": "ext-preset--image--sanctuary-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json deleted file mode 100644 index a207458..0000000 --- a/styles/block-presets/image/sanctuary-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Image 1 Content Left", - "slug": "ext-preset--image--sanctuary-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json deleted file mode 100644 index a8628e7..0000000 --- a/styles/block-presets/image/sanctuary-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Image 1 Content Right", - "slug": "ext-preset--image--sanctuary-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json b/styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json deleted file mode 100644 index 7b24592..0000000 --- a/styles/block-presets/image/sanctuary-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Image 1 Content Top", - "slug": "ext-preset--image--sanctuary-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "999px 999px 0 0" - } - } -} diff --git a/styles/block-presets/image/umber-1/gallery-1/preset.json b/styles/block-presets/image/umber-1/gallery-1/preset.json deleted file mode 100644 index e2e6a72..0000000 --- a/styles/block-presets/image/umber-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Gallery 1", - "slug": "ext-preset--image--umber-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/umber-1/icon-1/preset.json b/styles/block-presets/image/umber-1/icon-1/preset.json deleted file mode 100644 index a76f763..0000000 --- a/styles/block-presets/image/umber-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Icon 1", - "slug": "ext-preset--image--umber-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/umber-1/icon-small-1/preset.json b/styles/block-presets/image/umber-1/icon-small-1/preset.json deleted file mode 100644 index 61dda2e..0000000 --- a/styles/block-presets/image/umber-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Icon Small 1", - "slug": "ext-preset--image--umber-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/umber-1/image-1/content-any/preset.json b/styles/block-presets/image/umber-1/image-1/content-any/preset.json deleted file mode 100644 index 1870f2f..0000000 --- a/styles/block-presets/image/umber-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Image 1 Content Any", - "slug": "ext-preset--image--umber-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/umber-1/image-1/content-bottom/preset.json b/styles/block-presets/image/umber-1/image-1/content-bottom/preset.json deleted file mode 100644 index 31e07bf..0000000 --- a/styles/block-presets/image/umber-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Image 1 Content Bottom", - "slug": "ext-preset--image--umber-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/umber-1/image-1/content-left/preset.json b/styles/block-presets/image/umber-1/image-1/content-left/preset.json deleted file mode 100644 index 5130505..0000000 --- a/styles/block-presets/image/umber-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Image 1 Content Left", - "slug": "ext-preset--image--umber-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/umber-1/image-1/content-right/preset.json b/styles/block-presets/image/umber-1/image-1/content-right/preset.json deleted file mode 100644 index 656e39f..0000000 --- a/styles/block-presets/image/umber-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Image 1 Content Right", - "slug": "ext-preset--image--umber-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/umber-1/image-1/content-top/preset.json b/styles/block-presets/image/umber-1/image-1/content-top/preset.json deleted file mode 100644 index 0e383b0..0000000 --- a/styles/block-presets/image/umber-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Image 1 Content Top", - "slug": "ext-preset--image--umber-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/vitreous-1/gallery-1/preset.json b/styles/block-presets/image/vitreous-1/gallery-1/preset.json deleted file mode 100644 index 6881bec..0000000 --- a/styles/block-presets/image/vitreous-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Gallery 1", - "slug": "ext-preset--image--vitreous-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/vitreous-1/icon-1/preset.json b/styles/block-presets/image/vitreous-1/icon-1/preset.json deleted file mode 100644 index 37f0b97..0000000 --- a/styles/block-presets/image/vitreous-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Icon 1", - "slug": "ext-preset--image--vitreous-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/vitreous-1/icon-small-1/preset.json b/styles/block-presets/image/vitreous-1/icon-small-1/preset.json deleted file mode 100644 index fe0ca52..0000000 --- a/styles/block-presets/image/vitreous-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Icon Small 1", - "slug": "ext-preset--image--vitreous-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-any/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-any/preset.json deleted file mode 100644 index 526b5be..0000000 --- a/styles/block-presets/image/vitreous-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Image 1 Content Any", - "slug": "ext-preset--image--vitreous-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json deleted file mode 100644 index ba18010..0000000 --- a/styles/block-presets/image/vitreous-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Image 1 Content Bottom", - "slug": "ext-preset--image--vitreous-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-left/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-left/preset.json deleted file mode 100644 index d2c1447..0000000 --- a/styles/block-presets/image/vitreous-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Image 1 Content Left", - "slug": "ext-preset--image--vitreous-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-right/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-right/preset.json deleted file mode 100644 index dfaa7f3..0000000 --- a/styles/block-presets/image/vitreous-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Image 1 Content Right", - "slug": "ext-preset--image--vitreous-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/image/vitreous-1/image-1/content-top/preset.json b/styles/block-presets/image/vitreous-1/image-1/content-top/preset.json deleted file mode 100644 index 4561cf2..0000000 --- a/styles/block-presets/image/vitreous-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Image 1 Content Top", - "slug": "ext-preset--image--vitreous-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "6px" - } - } -} diff --git a/styles/block-presets/media-text/atelier-1/card-1/preset.json b/styles/block-presets/media-text/atelier-1/card-1/preset.json deleted file mode 100644 index e15700a..0000000 --- a/styles/block-presets/media-text/atelier-1/card-1/preset.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Item Card 1", - "slug": "ext-preset--media-text--atelier-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); }" - } -} diff --git a/styles/block-presets/media-text/citrus-1/card-1/preset.json b/styles/block-presets/media-text/citrus-1/card-1/preset.json deleted file mode 100644 index 7b7652c..0000000 --- a/styles/block-presets/media-text/citrus-1/card-1/preset.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Item Card 1", - "slug": "ext-preset--media-text--citrus-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/media-text/haven-1/card-1/preset.json b/styles/block-presets/media-text/haven-1/card-1/preset.json deleted file mode 100644 index 684db51..0000000 --- a/styles/block-presets/media-text/haven-1/card-1/preset.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Item Card 1", - "slug": "ext-preset--media-text--haven-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "12px" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/media-text/lilac-1/card-1/preset.json b/styles/block-presets/media-text/lilac-1/card-1/preset.json deleted file mode 100644 index 3731307..0000000 --- a/styles/block-presets/media-text/lilac-1/card-1/preset.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Item Card 1", - "slug": "ext-preset--media-text--lilac-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "6px" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/media-text/placard-1/card-1/preset.json b/styles/block-presets/media-text/placard-1/card-1/preset.json deleted file mode 100644 index 8fafbbb..0000000 --- a/styles/block-presets/media-text/placard-1/card-1/preset.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Item Card 1", - "slug": "ext-preset--media-text--placard-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/media-text/pristine-1/card-1/preset.json b/styles/block-presets/media-text/pristine-1/card-1/preset.json deleted file mode 100644 index c1fdbe1..0000000 --- a/styles/block-presets/media-text/pristine-1/card-1/preset.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Item Card 1", - "slug": "ext-preset--media-text--pristine-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: 32px; } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: 32px; padding-right: 32px; } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: 32px; } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: 32px; } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(1n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/media-text/pulp-1/card-1/preset.json b/styles/block-presets/media-text/pulp-1/card-1/preset.json deleted file mode 100644 index 1bf6352..0000000 --- a/styles/block-presets/media-text/pulp-1/card-1/preset.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Item Card 1", - "slug": "ext-preset--media-text--pulp-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px", - "width": "3px", - "style": "solid", - "color": "var(--wp--custom--color--text-strong)" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" - } -} diff --git a/styles/block-presets/media-text/rainbow-1/card-1/preset.json b/styles/block-presets/media-text/rainbow-1/card-1/preset.json deleted file mode 100644 index 71bef69..0000000 --- a/styles/block-presets/media-text/rainbow-1/card-1/preset.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Item Card 1", - "slug": "ext-preset--media-text--rainbow-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "16px" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/media-text/retro-1/card-1/preset.json b/styles/block-presets/media-text/retro-1/card-1/preset.json index 7376a8c..170c878 100644 --- a/styles/block-presets/media-text/retro-1/card-1/preset.json +++ b/styles/block-presets/media-text/retro-1/card-1/preset.json @@ -33,6 +33,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/block-presets/media-text/sanctuary-1/card-1/preset.json b/styles/block-presets/media-text/sanctuary-1/card-1/preset.json deleted file mode 100644 index a665e6d..0000000 --- a/styles/block-presets/media-text/sanctuary-1/card-1/preset.json +++ /dev/null @@ -1,43 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Item Card 1", - "slug": "ext-preset--media-text--sanctuary-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": { - "topLeft": "999px", - "topRight": "999px", - "bottomRight": "0px", - "bottomLeft": "0px" - } - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/media-text/umber-1/card-1/preset.json b/styles/block-presets/media-text/umber-1/card-1/preset.json deleted file mode 100644 index 4b5839c..0000000 --- a/styles/block-presets/media-text/umber-1/card-1/preset.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Item Card 1", - "slug": "ext-preset--media-text--umber-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|tertiary" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); }" - } -} diff --git a/styles/block-presets/media-text/vitreous-1/card-1/preset.json b/styles/block-presets/media-text/vitreous-1/card-1/preset.json deleted file mode 100644 index e3fd22a..0000000 --- a/styles/block-presets/media-text/vitreous-1/card-1/preset.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Item Card 1", - "slug": "ext-preset--media-text--vitreous-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent)" - }, - "border": { - "radius": "6px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: color-mix(in srgb, var(--wp--custom--color--background-raised) 68%, transparent) !important; overflow: hidden; height: 100%; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); }" - } -} diff --git a/styles/block-presets/paragraph/atelier-1/tagline-1/preset.json b/styles/block-presets/paragraph/atelier-1/tagline-1/preset.json deleted file mode 100644 index 7211519..0000000 --- a/styles/block-presets/paragraph/atelier-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Tagline 1", - "slug": "ext-preset--paragraph--atelier-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json b/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json deleted file mode 100644 index 00aca2b..0000000 --- a/styles/block-presets/paragraph/citrus-1/tagline-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Tagline 1", - "slug": "ext-preset--paragraph--citrus-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600", - "textTransform": "uppercase", - "letterSpacing": "0.05em" - }, - "color": { - "background": "var(--wp--custom--color--chip-surface)", - "text": "var(--wp--custom--color--chip-ink)" - }, - "border": { - "radius": "9999px" - }, - "spacing": { - "padding": { - "top": "4px", - "bottom": "4px", - "left": "12px", - "right": "12px" - } - }, - "css": "& { display: inline-block; width: fit-content; }" - } -} diff --git a/styles/block-presets/paragraph/haven-1/tagline-1/preset.json b/styles/block-presets/paragraph/haven-1/tagline-1/preset.json deleted file mode 100644 index bd90e73..0000000 --- a/styles/block-presets/paragraph/haven-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Tagline 1", - "slug": "ext-preset--paragraph--haven-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/lilac-1/tagline-1/preset.json b/styles/block-presets/paragraph/lilac-1/tagline-1/preset.json deleted file mode 100644 index a9819d5..0000000 --- a/styles/block-presets/paragraph/lilac-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Tagline 1", - "slug": "ext-preset--paragraph--lilac-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/placard-1/tagline-1/preset.json b/styles/block-presets/paragraph/placard-1/tagline-1/preset.json deleted file mode 100644 index d391f5a..0000000 --- a/styles/block-presets/paragraph/placard-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Tagline 1", - "slug": "ext-preset--paragraph--placard-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/pristine-1/tagline-1/preset.json b/styles/block-presets/paragraph/pristine-1/tagline-1/preset.json deleted file mode 100644 index de1e842..0000000 --- a/styles/block-presets/paragraph/pristine-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Tagline 1", - "slug": "ext-preset--paragraph--pristine-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/pulp-1/tagline-1/preset.json b/styles/block-presets/paragraph/pulp-1/tagline-1/preset.json deleted file mode 100644 index 431f016..0000000 --- a/styles/block-presets/paragraph/pulp-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Tagline 1", - "slug": "ext-preset--paragraph--pulp-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json b/styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json deleted file mode 100644 index 6ae7c5f..0000000 --- a/styles/block-presets/paragraph/rainbow-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Tagline 1", - "slug": "ext-preset--paragraph--rainbow-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json b/styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json deleted file mode 100644 index 1b85cba..0000000 --- a/styles/block-presets/paragraph/sanctuary-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Tagline 1", - "slug": "ext-preset--paragraph--sanctuary-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/umber-1/tagline-1/preset.json b/styles/block-presets/paragraph/umber-1/tagline-1/preset.json deleted file mode 100644 index 9112bf1..0000000 --- a/styles/block-presets/paragraph/umber-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Tagline 1", - "slug": "ext-preset--paragraph--umber-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json b/styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json deleted file mode 100644 index d618f38..0000000 --- a/styles/block-presets/paragraph/vitreous-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Tagline 1", - "slug": "ext-preset--paragraph--vitreous-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/social-links/atelier-1/social-1/preset.json b/styles/block-presets/social-links/atelier-1/social-1/preset.json deleted file mode 100644 index d707753..0000000 --- a/styles/block-presets/social-links/atelier-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Atelier 1 Social 1", - "slug": "ext-preset--social-links--atelier-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/citrus-1/social-1/preset.json b/styles/block-presets/social-links/citrus-1/social-1/preset.json deleted file mode 100644 index 6004231..0000000 --- a/styles/block-presets/social-links/citrus-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Citrus 1 Social 1", - "slug": "ext-preset--social-links--citrus-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--chip-ink) !important; background: var(--wp--custom--color--chip-surface); border-radius: 12px; padding: 8px; }" - } -} diff --git a/styles/block-presets/social-links/haven-1/social-1/preset.json b/styles/block-presets/social-links/haven-1/social-1/preset.json deleted file mode 100644 index cb1356a..0000000 --- a/styles/block-presets/social-links/haven-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Haven 1 Social 1", - "slug": "ext-preset--social-links--haven-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/lilac-1/social-1/preset.json b/styles/block-presets/social-links/lilac-1/social-1/preset.json deleted file mode 100644 index 42d31ce..0000000 --- a/styles/block-presets/social-links/lilac-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Lilac 1 Social 1", - "slug": "ext-preset--social-links--lilac-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/placard-1/social-1/preset.json b/styles/block-presets/social-links/placard-1/social-1/preset.json deleted file mode 100644 index ac32e58..0000000 --- a/styles/block-presets/social-links/placard-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Placard 1 Social 1", - "slug": "ext-preset--social-links--placard-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/pristine-1/social-1/preset.json b/styles/block-presets/social-links/pristine-1/social-1/preset.json deleted file mode 100644 index 0dea557..0000000 --- a/styles/block-presets/social-links/pristine-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pristine 1 Social 1", - "slug": "ext-preset--social-links--pristine-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--chip-ink) !important; background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; }" - } -} diff --git a/styles/block-presets/social-links/pulp-1/social-1/preset.json b/styles/block-presets/social-links/pulp-1/social-1/preset.json deleted file mode 100644 index 34d81ac..0000000 --- a/styles/block-presets/social-links/pulp-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Pulp 1 Social 1", - "slug": "ext-preset--social-links--pulp-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/rainbow-1/social-1/preset.json b/styles/block-presets/social-links/rainbow-1/social-1/preset.json deleted file mode 100644 index f163099..0000000 --- a/styles/block-presets/social-links/rainbow-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Rainbow 1 Social 1", - "slug": "ext-preset--social-links--rainbow-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/retro-1/social-1/preset.json b/styles/block-presets/social-links/retro-1/social-1/preset.json index 807451f..281bdf8 100644 --- a/styles/block-presets/social-links/retro-1/social-1/preset.json +++ b/styles/block-presets/social-links/retro-1/social-1/preset.json @@ -10,6 +10,6 @@ "spacing": { "blockGap": "12px" }, - "css": "& .wp-social-link { color: var(--wp--custom--color--chip-ink) !important; background: var(--wp--custom--color--chip-surface); border-radius: 999px; padding: 8px; }" + "css": "& .wp-social-link { color: var(--wp--custom--color--icon-ink) !important; background-color: var(--wp--custom--color--icon-surface) !important; border-radius: 999px; padding: 8px !important; box-sizing: content-box; }" } } diff --git a/styles/block-presets/social-links/sanctuary-1/social-1/preset.json b/styles/block-presets/social-links/sanctuary-1/social-1/preset.json deleted file mode 100644 index 8f46c7a..0000000 --- a/styles/block-presets/social-links/sanctuary-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Sanctuary 1 Social 1", - "slug": "ext-preset--social-links--sanctuary-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--icon-brand) !important; border-radius: 999px; padding: 8px; border: 1.5px solid var(--wp--custom--color--stroke-brand); }" - } -} diff --git a/styles/block-presets/social-links/umber-1/social-1/preset.json b/styles/block-presets/social-links/umber-1/social-1/preset.json deleted file mode 100644 index 69ac75c..0000000 --- a/styles/block-presets/social-links/umber-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Umber 1 Social 1", - "slug": "ext-preset--social-links--umber-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/block-presets/social-links/vitreous-1/social-1/preset.json b/styles/block-presets/social-links/vitreous-1/social-1/preset.json deleted file mode 100644 index f720a21..0000000 --- a/styles/block-presets/social-links/vitreous-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Vitreous 1 Social 1", - "slug": "ext-preset--social-links--vitreous-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/colors/atelier-palette.json b/styles/colors/atelier-palette.json deleted file mode 100644 index 8789a8d..0000000 --- a/styles/colors/atelier-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Oxblood", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#221A14", - "#362D27" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#221A14", - "#ECE3D2" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#362D27", - "#221A14" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#221A14", - "#F5EFE3" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#221A14", - "#221A14" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#F5EFE3", - "#ECE3D2" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#221A14", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#362D27", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#221A14", - "background-base": "#F5EFE3", - "text-weak": "#615750", - "background-sunken": "#ECE3D2", - "background-tint-1": "#E7D9C4", - "background-tint-2": "#DEC6AC", - "background-tint-3": "#EFC7A8", - "background-tint-1-ink": "#221A14", - "background-tint-1-weak": "#403731", - "background-tint-2-ink": "#100904", - "background-tint-2-weak": "#100904", - "background-tint-3-ink": "#221A14", - "background-tint-3-weak": "#271F19" - }, - "elements": { - "button": { - "color": { - "background": "#221A14", - "text": "#F5EFE3" - }, - ":hover": { - "color": { - "background": "#362D27", - "text": "#F5EFE3" - } - }, - ":focus": { - "color": { - "background": "#221A14", - "text": "#F5EFE3" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/butterscotch.json b/styles/colors/butterscotch.json deleted file mode 100644 index 7b81b1e..0000000 --- a/styles/colors/butterscotch.json +++ /dev/null @@ -1,125 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "title": "Butterscotch", - "version": 3, - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#31190F", - "#6E5C2D" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#31190F", - "#FFEAB7" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#6E5C2D", - "#31190F" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#31190F", - "#FBF4E4" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#31190F", - "#FBF4E4" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FBF4E4", - "#FFEAB7" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "foreground", - "color": "#31190F", - "name": "Foreground" - }, - { - "slug": "background", - "color": "#FBF4E4", - "name": "Background" - }, - { - "slug": "primary", - "color": "#31190F", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#6E5C2D", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "#FFEAB7", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "#74574C", - "name": "foreground Alt" - } - ] - }, - "custom": { - "elements": { - "button": { - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--background)" - }, - ":hover": { - "color": { - "background": "var(--wp--preset--color--secondary)", - "text": "var(--wp--preset--color--background)" - } - }, - ":focus": { - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--background)" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground-alt)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/citrus-palette.json b/styles/colors/citrus-palette.json deleted file mode 100644 index cb61530..0000000 --- a/styles/colors/citrus-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Marmalade", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#38266E", - "#4C3D87" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#38266E", - "#F3EEFB" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#4C3D87", - "#38266E" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#38266E", - "#FDFBF7" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#38266E", - "#38266E" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FDFBF7", - "#F3EEFB" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#38266E", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#4C3D87", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#38266E", - "background-base": "#FDFBF7", - "text-weak": "#6759A6", - "background-sunken": "#F3EEFB", - "background-tint-1": "#FAEEDC", - "background-tint-2": "#F8E3C6", - "background-tint-3": "#F8D5AB", - "background-tint-1-ink": "#38266E", - "background-tint-1-weak": "#574893", - "background-tint-2-ink": "#38266E", - "background-tint-2-weak": "#4C3D87", - "background-tint-3-ink": "#38266E", - "background-tint-3-weak": "#3D2C74" - }, - "elements": { - "button": { - "color": { - "background": "#38266E", - "text": "#FDFBF7" - }, - ":hover": { - "color": { - "background": "#4C3D87", - "text": "#FDFBF7" - } - }, - ":focus": { - "color": { - "background": "#38266E", - "text": "#FDFBF7" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/ember-palette.json b/styles/colors/ember-palette.json deleted file mode 100644 index 5441b3f..0000000 --- a/styles/colors/ember-palette.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Ember", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#B5402F", - "#D15947" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#B5402F", - "#F7E1DE" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#D15947", - "#B5402F" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#302C2B", - "#FDF7F6" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#B5402F", - "#302C2B" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FDF7F6", - "#F7E1DE" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#B5402F", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#D15947", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#302C2B", - "background-base": "#FDF7F6", - "text-weak": "#666160", - "background-sunken": "#F7E1DE", - "background-tint-1": "#F7E1DE", - "background-tint-2": "#F1CFC9", - "background-tint-3": "#F1C0B7" - }, - "elements": { - "button": { - "color": { - "background": "#B5402F", - "text": "#FDF7F6" - }, - ":hover": { - "color": { - "background": "#D15947", - "text": "#FDF7F6" - } - }, - ":focus": { - "color": { - "background": "#B5402F", - "text": "#FDF7F6" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/harvest-palette.json b/styles/colors/harvest-palette.json deleted file mode 100644 index f7ba659..0000000 --- a/styles/colors/harvest-palette.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Harvest", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#3B2A20", - "#513E34" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#3B2A20", - "#E9E3D2" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#513E34", - "#3B2A20" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#3B2A20", - "#F2EFE3" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#3B2A20", - "#3B2A20" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#F2EFE3", - "#E9E3D2" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#3B2A20", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#513E34", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#3B2A20", - "background-base": "#F2EFE3", - "text-weak": "#675449", - "background-sunken": "#E9E3D2", - "background-tint-1": "#EEE8D2", - "background-tint-2": "#EBE2C4", - "background-tint-3": "#E7DBB2" - }, - "elements": { - "button": { - "color": { - "background": "#3B2A20", - "text": "#F2EFE3" - }, - ":hover": { - "color": { - "background": "#513E34", - "text": "#F2EFE3" - } - }, - ":focus": { - "color": { - "background": "#3B2A20", - "text": "#F2EFE3" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/haven-palette.json b/styles/colors/haven-palette.json deleted file mode 100644 index 556d386..0000000 --- a/styles/colors/haven-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Sage", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#32362B", - "#474B3F" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#32362B", - "#E3D9C9" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#474B3F", - "#32362B" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#32362B", - "#F2EDE4" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#32362B", - "#32362B" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#F2EDE4", - "#E3D9C9" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#32362B", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#474B3F", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#32362B", - "background-base": "#F2EDE4", - "text-weak": "#52564A", - "background-sunken": "#E3D9C9", - "background-tint-1": "#E1DCD0", - "background-tint-2": "#D2CEBF", - "background-tint-3": "#CDCAB7", - "background-tint-1-ink": "#32362B", - "background-tint-1-weak": "#373B30", - "background-tint-2-ink": "#1A1D13", - "background-tint-2-weak": "#1A1D13", - "background-tint-3-ink": "#030501", - "background-tint-3-weak": "#030501" - }, - "elements": { - "button": { - "color": { - "background": "#32362B", - "text": "#F2EDE4" - }, - ":hover": { - "color": { - "background": "#474B3F", - "text": "#F2EDE4" - } - }, - ":focus": { - "color": { - "background": "#32362B", - "text": "#F2EDE4" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/iris-palette.json b/styles/colors/iris-palette.json deleted file mode 100644 index e80e982..0000000 --- a/styles/colors/iris-palette.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Iris", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#201A4F", - "#332F66" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#201A4F", - "#E3EDFB" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#332F66", - "#201A4F" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#201A4F", - "#FFFFFF" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#201A4F", - "#201A4F" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FFFFFF", - "#E3EDFB" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#201A4F", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#332F66", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#201A4F", - "background-base": "#FFFFFF", - "text-weak": "#6767A4", - "background-sunken": "#E3EDFB", - "background-tint-1": "#EBECFE", - "background-tint-2": "#DBDDFD", - "background-tint-3": "#C8CAFB" - }, - "elements": { - "button": { - "color": { - "background": "#201A4F", - "text": "#FFFFFF" - }, - ":hover": { - "color": { - "background": "#332F66", - "text": "#FFFFFF" - } - }, - ":focus": { - "color": { - "background": "#201A4F", - "text": "#FFFFFF" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/lilac-palette.json b/styles/colors/lilac-palette.json deleted file mode 100644 index 6ed91e7..0000000 --- a/styles/colors/lilac-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Periwinkle", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#6C4CF1", - "#816EFF" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#6C4CF1", - "#E4E7FA" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#816EFF", - "#6C4CF1" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#221A4E", - "#FFFFFF" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#6C4CF1", - "#221A4E" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FFFFFF", - "#E4E7FA" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#6C4CF1", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#816EFF", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#221A4E", - "background-base": "#FFFFFF", - "text-weak": "#6A67A2", - "background-sunken": "#E4E7FA", - "background-tint-1": "#F6F4FF", - "background-tint-2": "#EFEBFE", - "background-tint-3": "#E6E1FE", - "background-tint-1-ink": "#221A4E", - "background-tint-1-weak": "#595690", - "background-tint-2-ink": "#221A4E", - "background-tint-2-weak": "#4E4B83", - "background-tint-3-ink": "#221A4E", - "background-tint-3-weak": "#443F77" - }, - "elements": { - "button": { - "color": { - "background": "#6C4CF1", - "text": "#FFFFFF" - }, - ":hover": { - "color": { - "background": "#816EFF", - "text": "#FFFFFF" - } - }, - ":focus": { - "color": { - "background": "#6C4CF1", - "text": "#FFFFFF" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/matcha-palette.json b/styles/colors/matcha-palette.json deleted file mode 100644 index d7553f0..0000000 --- a/styles/colors/matcha-palette.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Matcha", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#4A3524", - "#604A39" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#4A3524", - "#E4F2E4" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#604A39", - "#4A3524" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#4A3524", - "#FFFFFF" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#4A3524", - "#4A3524" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FFFFFF", - "#E4F2E4" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#4A3524", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#604A39", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#4A3524", - "background-base": "#FFFFFF", - "text-weak": "#7D6654", - "background-sunken": "#E4F2E4", - "background-tint-1": "#F3F8F3", - "background-tint-2": "#E9F2E8", - "background-tint-3": "#DDEBDC" - }, - "elements": { - "button": { - "color": { - "background": "#4A3524", - "text": "#FFFFFF" - }, - ":hover": { - "color": { - "background": "#604A39", - "text": "#FFFFFF" - } - }, - ":focus": { - "color": { - "background": "#4A3524", - "text": "#FFFFFF" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/novella-palette.json b/styles/colors/novella-palette.json deleted file mode 100644 index da0a2a6..0000000 --- a/styles/colors/novella-palette.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Novella", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#B5402F", - "#D15947" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#B5402F", - "#EFE7D8" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#D15947", - "#B5402F" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#3A2418", - "#FFFFFF" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#B5402F", - "#3A2418" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FFFFFF", - "#EFE7D8" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#B5402F", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#D15947", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#3A2418", - "background-base": "#FFFFFF", - "text-weak": "#7E6456", - "background-sunken": "#EFE7D8", - "background-tint-1": "#F9E8E5", - "background-tint-2": "#F3D5D0", - "background-tint-3": "#F2C5BC" - }, - "elements": { - "button": { - "color": { - "background": "#B5402F", - "text": "#FFFFFF" - }, - ":hover": { - "color": { - "background": "#D15947", - "text": "#FFFFFF" - } - }, - ":focus": { - "color": { - "background": "#B5402F", - "text": "#FFFFFF" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/orchid-palette.json b/styles/colors/orchid-palette.json deleted file mode 100644 index 543a16e..0000000 --- a/styles/colors/orchid-palette.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Orchid", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#5E1E41", - "#763457" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#5E1E41", - "#DCE9FA" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#763457", - "#5E1E41" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#5E1E41", - "#FFFFFF" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#5E1E41", - "#5E1E41" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FFFFFF", - "#DCE9FA" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#5E1E41", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#763457", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#5E1E41", - "background-base": "#FFFFFF", - "text-weak": "#9C5679", - "background-sunken": "#DCE9FA", - "background-tint-1": "#F9EFFB", - "background-tint-2": "#F4E2F8", - "background-tint-3": "#EDD2F3" - }, - "elements": { - "button": { - "color": { - "background": "#5E1E41", - "text": "#FFFFFF" - }, - ":hover": { - "color": { - "background": "#763457", - "text": "#FFFFFF" - } - }, - ":focus": { - "color": { - "background": "#5E1E41", - "text": "#FFFFFF" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/placard-palette.json b/styles/colors/placard-palette.json deleted file mode 100644 index 8bf0978..0000000 --- a/styles/colors/placard-palette.json +++ /dev/null @@ -1,155 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Riot", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#141414", - "#272727" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#141414", - "#EAE8E1" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#272727", - "#141414" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#141414", - "#F5F4F0" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#141414", - "#141414" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#F5F4F0", - "#EAE8E1" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#141414", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#272727", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - }, - { - "slug": "background-tint-1", - "color": "var(--wp--custom--color--background-tint-1)", - "name": "Card 1" - }, - { - "slug": "background-tint-2", - "color": "var(--wp--custom--color--background-tint-2)", - "name": "Card 2" - }, - { - "slug": "background-tint-3", - "color": "var(--wp--custom--color--background-tint-3)", - "name": "Card 3" - } - ] - }, - "custom": { - "color": { - "text-strong": "#141414", - "background-base": "#F5F4F0", - "text-weak": "#5B5B5B", - "background-sunken": "#EAE8E1", - "background-tint-1": "#F9E547", - "background-tint-2": "#6650EE", - "background-tint-3": "#141414", - "background-tint-1-ink": "#141414", - "background-tint-1-weak": "#141414", - "background-tint-2-ink": "#F9F8F4", - "background-tint-2-weak": "#F9F8F4", - "background-tint-3-ink": "#F5F4F0", - "background-tint-3-weak": "#CECDC9" - }, - "elements": { - "button": { - "color": { - "background": "#141414", - "text": "#F5F4F0" - }, - ":hover": { - "color": { - "background": "#272727", - "text": "#F5F4F0" - } - }, - ":focus": { - "color": { - "background": "#141414", - "text": "#F5F4F0" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/pristine-palette.json b/styles/colors/pristine-palette.json deleted file mode 100644 index 19b9516..0000000 --- a/styles/colors/pristine-palette.json +++ /dev/null @@ -1,145 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Sage & Wisteria", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#7A3FB5", - "#9258D0" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#7A3FB5", - "#E9F0D8" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#9258D0", - "#7A3FB5" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#1E1E1C", - "#FAFAF7" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#7A3FB5", - "#1E1E1C" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FAFAF7", - "#E9F0D8" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#7A3FB5", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#9258D0", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - }, - { - "slug": "background-tint-1", - "color": "var(--wp--custom--color--background-tint-1)", - "name": "Card 1" - } - ] - }, - "custom": { - "color": { - "text-strong": "#1E1E1C", - "background-base": "#FAFAF7", - "text-weak": "#676765", - "background-sunken": "#E9F0D8", - "background-tint-1": "#FFFFFF", - "background-tint-2": "#F2E6D7", - "background-tint-3": "#F1D8CA", - "background-tint-1-ink": "#1E1E1C", - "background-tint-1-weak": "#1E1E1C", - "background-tint-2-ink": "#1E1E1C", - "background-tint-2-weak": "#4C4C49", - "background-tint-3-ink": "#1E1E1C", - "background-tint-3-weak": "#3C3C39" - }, - "elements": { - "button": { - "color": { - "background": "#7A3FB5", - "text": "#FAFAF7" - }, - ":hover": { - "color": { - "background": "#9258D0", - "text": "#FAFAF7" - } - }, - ":focus": { - "color": { - "background": "#7A3FB5", - "text": "#FAFAF7" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/pulp-palette.json b/styles/colors/pulp-palette.json deleted file mode 100644 index c7ba30f..0000000 --- a/styles/colors/pulp-palette.json +++ /dev/null @@ -1,150 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Newsprint", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#AD0B00", - "#C93323" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#AD0B00", - "#EDE5CE" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#C93323", - "#AD0B00" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#171512", - "#F4EDDA" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#AD0B00", - "#171512" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#F4EDDA", - "#EDE5CE" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#AD0B00", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#C93323", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - }, - { - "slug": "background-tint-1", - "color": "var(--wp--custom--color--background-tint-1)", - "name": "Card 1" - }, - { - "slug": "background-tint-2", - "color": "var(--wp--custom--color--background-tint-2)", - "name": "Card 2" - } - ] - }, - "custom": { - "color": { - "text-strong": "#171512", - "background-base": "#F4EDDA", - "text-weak": "#54514E", - "background-sunken": "#EDE5CE", - "background-tint-1": "#FEC743", - "background-tint-2": "#F4EDDA", - "background-tint-3": "#B3D8B2", - "background-tint-1-ink": "#171512", - "background-tint-1-weak": "#171512", - "background-tint-2-ink": "#171512", - "background-tint-2-weak": "#171512", - "background-tint-3-ink": "#171512", - "background-tint-3-weak": "#201E1B" - }, - "elements": { - "button": { - "color": { - "background": "#AD0B00", - "text": "#F4EDDA" - }, - ":hover": { - "color": { - "background": "#C93323", - "text": "#F4EDDA" - } - }, - ":focus": { - "color": { - "background": "#AD0B00", - "text": "#F4EDDA" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/rainbow-palette.json b/styles/colors/rainbow-palette.json deleted file mode 100644 index 8f9c0b1..0000000 --- a/styles/colors/rainbow-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Apricot", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#24398C", - "#3851A6" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#24398C", - "#FBDDC2" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#3851A6", - "#24398C" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#24398C", - "#FDF3EA" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#24398C", - "#24398C" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FDF3EA", - "#FBDDC2" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#24398C", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#3851A6", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#24398C", - "background-base": "#FDF3EA", - "text-weak": "#3D57AC", - "background-sunken": "#FBDDC2", - "background-tint-1": "#FBE5D2", - "background-tint-2": "#FAD9BF", - "background-tint-3": "#F9C9A8", - "background-tint-1-ink": "#24398C", - "background-tint-1-weak": "#2E4599", - "background-tint-2-ink": "#1F3386", - "background-tint-2-weak": "#1F3386", - "background-tint-3-ink": "#0F1B6D", - "background-tint-3-weak": "#0F1B6D" - }, - "elements": { - "button": { - "color": { - "background": "#24398C", - "text": "#FDF3EA" - }, - ":hover": { - "color": { - "background": "#3851A6", - "text": "#FDF3EA" - } - }, - ":focus": { - "color": { - "background": "#24398C", - "text": "#FDF3EA" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/retro-palette.json b/styles/colors/retro-palette.json index 5c7d666..4a5447a 100644 --- a/styles/colors/retro-palette.json +++ b/styles/colors/retro-palette.json @@ -94,16 +94,6 @@ "slug": "background-tint-2", "color": "var(--wp--custom--color--background-tint-2)", "name": "Card 2" - }, - { - "slug": "background-tint-3", - "color": "var(--wp--custom--color--background-tint-3)", - "name": "Card 3" - }, - { - "slug": "background-tint-4", - "color": "var(--wp--custom--color--background-tint-4)", - "name": "Card 4" } ] }, @@ -112,19 +102,18 @@ "text-strong": "#302C2A", "background-base": "#FCF9E6", "text-weak": "#66615F", + "icon-surface": "#F4F1DE", + "icon-ink": "#302C2A", "background-sunken": "#FFEBB8", "background-tint-1": "#FAB5EE", "background-tint-2": "#F0E3A9", - "background-tint-3": "#5A3828", + "background-tint-3": "#D8CBB8", "background-tint-1-ink": "#13100E", "background-tint-1-weak": "#13100E", "background-tint-2-ink": "#302C2A", "background-tint-2-weak": "#302C2A", - "background-tint-3-ink": "#FCF9E6", - "background-tint-3-weak": "#E1DECC", - "background-tint-4": "#B5DAD5", - "background-tint-4-ink": "#2B2725", - "background-tint-4-weak": "#2B2725" + "background-tint-3-ink": "#1D1917", + "background-tint-3-weak": "#1D1917" }, "elements": { "button": { diff --git a/styles/colors/sanctuary-palette.json b/styles/colors/sanctuary-palette.json deleted file mode 100644 index 9c33371..0000000 --- a/styles/colors/sanctuary-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Evergreen", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#EFE6D2", - "#D5CCB8" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#EFE6D2", - "#17403A" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#D5CCB8", - "#EFE6D2" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#EFE6D2", - "#12312B" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#EFE6D2", - "#EFE6D2" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#12312B", - "#17403A" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#EFE6D2", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#D5CCB8", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#EFE6D2", - "background-base": "#12312B", - "text-weak": "#DBD2BF", - "background-sunken": "#17403A", - "background-tint-1": "#1F4034", - "background-tint-2": "#2D4D3A", - "background-tint-3": "#3F5C41", - "background-tint-1-ink": "#EFE6D2", - "background-tint-1-weak": "#E2D9C5", - "background-tint-2-ink": "#EFE6D2", - "background-tint-2-weak": "#E8DFCC", - "background-tint-3-ink": "#F6EDD9", - "background-tint-3-weak": "#F6EDD9" - }, - "elements": { - "button": { - "color": { - "background": "#EFE6D2", - "text": "#12312B" - }, - ":hover": { - "color": { - "background": "#D5CCB8", - "text": "#12312B" - } - }, - ":focus": { - "color": { - "background": "#EFE6D2", - "text": "#12312B" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/umber-palette.json b/styles/colors/umber-palette.json deleted file mode 100644 index ce6cdb1..0000000 --- a/styles/colors/umber-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Plaster & Umber", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#4A3A2B", - "#604F40" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#4A3A2B", - "#E4DCCE" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#604F40", - "#4A3A2B" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#3B2E23", - "#F2EEE7" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#4A3A2B", - "#3B2E23" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#F2EEE7", - "#E4DCCE" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#4A3A2B", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#604F40", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#3B2E23", - "background-base": "#F2EEE7", - "text-weak": "#615347", - "background-sunken": "#E4DCCE", - "background-tint-1": "#E9E2D8", - "background-tint-2": "#E1D9CB", - "background-tint-3": "#D8CDBD", - "background-tint-1-ink": "#3B2E23", - "background-tint-1-weak": "#504337", - "background-tint-2-ink": "#3B2E23", - "background-tint-2-weak": "#403328", - "background-tint-3-ink": "#271B10", - "background-tint-3-weak": "#271B10" - }, - "elements": { - "button": { - "color": { - "background": "#4A3A2B", - "text": "#F2EEE7" - }, - ":hover": { - "color": { - "background": "#604F40", - "text": "#F2EEE7" - } - }, - ":focus": { - "color": { - "background": "#4A3A2B", - "text": "#F2EEE7" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/colors/vitreous-palette.json b/styles/colors/vitreous-palette.json deleted file mode 100644 index 50232f0..0000000 --- a/styles/colors/vitreous-palette.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Sage Glass", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#1C1E1B", - "#2F312E" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#1C1E1B", - "#E7EAE3" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#2F312E", - "#1C1E1B" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#1C1E1B", - "#FBFBF9" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#1C1E1B", - "#1C1E1B" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FBFBF9", - "#E7EAE3" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#1C1E1B", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#2F312E", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - } - ] - }, - "custom": { - "color": { - "text-strong": "#1C1E1B", - "background-base": "#FBFBF9", - "text-weak": "#656764", - "background-sunken": "#E7EAE3", - "background-tint-1": "#F1F2EC", - "background-tint-2": "#E9EAE2", - "background-tint-3": "#DEE1D6", - "background-tint-1-ink": "#1C1E1B", - "background-tint-1-weak": "#5A5C59", - "background-tint-2-ink": "#1C1E1B", - "background-tint-2-weak": "#494C48", - "background-tint-3-ink": "#1C1E1B", - "background-tint-3-weak": "#3F413E" - }, - "elements": { - "button": { - "color": { - "background": "#1C1E1B", - "text": "#FBFBF9" - }, - ":hover": { - "color": { - "background": "#2F312E", - "text": "#FBFBF9" - } - }, - ":focus": { - "color": { - "background": "#1C1E1B", - "text": "#FBFBF9" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/globals/atelier-globals.json b/styles/globals/atelier-globals.json deleted file mode 100644 index 85af8c3..0000000 --- a/styles/globals/atelier-globals.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Atelier Globals", - "slug": "ext-atelier-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": {} - } -} diff --git a/styles/globals/lilac-globals.json b/styles/globals/lilac-globals.json deleted file mode 100644 index 8fc5b09..0000000 --- a/styles/globals/lilac-globals.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Lilac Globals", - "slug": "ext-lilac-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": {} - } -} diff --git a/styles/globals/placard-globals.json b/styles/globals/placard-globals.json deleted file mode 100644 index d23327b..0000000 --- a/styles/globals/placard-globals.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Placard Globals", - "slug": "ext-placard-globals", - "settings": { - "custom": { - "space-scale": "0.65", - "gap-scale": "0.125" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(2.405rem, 2.405rem + ((1vw - 0.2rem) * 4.117), 4.875rem)", - "textTransform": "uppercase" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.95rem, 1.95rem + ((1vw - 0.2rem) * 3.25), 3.9rem)", - "textTransform": "uppercase" - } - } - } - } -} diff --git a/styles/globals/pristine-globals.json b/styles/globals/pristine-globals.json deleted file mode 100644 index f30685f..0000000 --- a/styles/globals/pristine-globals.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Pristine Globals", - "slug": "ext-pristine-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(1.758rem, 1.758rem + ((1vw - 0.2rem) * 3.009), 3.563rem)" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.425rem, 1.425rem + ((1vw - 0.2rem) * 2.375), 2.85rem)" - } - } - } - } -} diff --git a/styles/globals/pulp-globals.json b/styles/globals/pulp-globals.json deleted file mode 100644 index 4b4d2a3..0000000 --- a/styles/globals/pulp-globals.json +++ /dev/null @@ -1,27 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Pulp Globals", - "slug": "ext-pulp-globals", - "settings": { - "custom": { - "space-scale": "0.85" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(2.313rem, 2.313rem + ((1vw - 0.2rem) * 3.959), 4.688rem)", - "textTransform": "uppercase" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.875rem, 1.875rem + ((1vw - 0.2rem) * 3.125), 3.75rem)", - "textTransform": "uppercase" - } - } - } - } -} diff --git a/styles/globals/rainbow-globals.json b/styles/globals/rainbow-globals.json deleted file mode 100644 index 48bf645..0000000 --- a/styles/globals/rainbow-globals.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Rainbow Globals", - "slug": "ext-rainbow-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)" - } - } - } - } -} diff --git a/styles/globals/retro-globals.json b/styles/globals/retro-globals.json index c3eed94..cd47538 100644 --- a/styles/globals/retro-globals.json +++ b/styles/globals/retro-globals.json @@ -7,14 +7,12 @@ "elements": { "h1": { "typography": { - "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)", - "textTransform": "uppercase" + "fontSize": "clamp(2.405rem, 2.405rem + ((1vw - 0.2rem) * 4.117), 4.875rem)" } }, "h2": { "typography": { - "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)", - "textTransform": "uppercase" + "fontSize": "clamp(1.95rem, 1.95rem + ((1vw - 0.2rem) * 3.25), 3.9rem)" } } } diff --git a/styles/globals/sanctuary-globals.json b/styles/globals/sanctuary-globals.json deleted file mode 100644 index 6a904d8..0000000 --- a/styles/globals/sanctuary-globals.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Sanctuary Globals", - "slug": "ext-sanctuary-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "textTransform": "uppercase" - } - }, - "h2": { - "typography": { - "textTransform": "uppercase" - } - } - } - } -} diff --git a/styles/globals/umber-globals.json b/styles/globals/umber-globals.json deleted file mode 100644 index 2c98332..0000000 --- a/styles/globals/umber-globals.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Umber Globals", - "slug": "ext-umber-globals", - "settings": { - "custom": { - "space-scale": "0.85" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(1.943rem, 1.943rem + ((1vw - 0.2rem) * 3.325), 3.938rem)" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.575rem, 1.575rem + ((1vw - 0.2rem) * 2.625), 3.15rem)" - } - } - } - } -} diff --git a/styles/globals/vitreous-globals.json b/styles/globals/vitreous-globals.json deleted file mode 100644 index 571dc42..0000000 --- a/styles/globals/vitreous-globals.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Vitreous Globals", - "slug": "ext-vitreous-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": {} - } -} diff --git a/styles/typography/atelier-typography.json b/styles/typography/atelier-typography.json deleted file mode 100644 index 0b2a695..0000000 --- a/styles/typography/atelier-typography.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Atelier", - "slug": "ext-atelier", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "500", - "letterSpacing": "0em", - "fontStyle": "italic", - "lineHeight": "1.15" - } - }, - "h2": { - "typography": { - "fontWeight": "500", - "letterSpacing": "0em", - "fontStyle": "italic", - "lineHeight": "1.15" - } - } - } - } -} diff --git a/styles/typography/datasheet-typography.json b/styles/typography/datasheet-typography.json deleted file mode 100644 index fa05b6b..0000000 --- a/styles/typography/datasheet-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Datasheet", - "slug": "ext-datasheet", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "fontWeight": "600" - } - }, - "h1": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em", - "lineHeight": "1.05" - } - }, - "h2": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em", - "lineHeight": "1.05" - } - } - } - } -} diff --git a/styles/typography/editorial-typography.json b/styles/typography/editorial-typography.json deleted file mode 100644 index 1e91905..0000000 --- a/styles/typography/editorial-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Editorial", - "slug": "ext-editorial", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em", - "lineHeight": "1.1" - } - }, - "h2": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em", - "lineHeight": "1.1" - } - } - } - } -} diff --git a/styles/typography/haven-typography.json b/styles/typography/haven-typography.json deleted file mode 100644 index 1dbb5f8..0000000 --- a/styles/typography/haven-typography.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Haven", - "slug": "ext-haven", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "fontWeight": "400" - } - }, - "h1": { - "typography": { - "fontWeight": "300" - } - }, - "h2": { - "typography": { - "fontWeight": "300" - } - } - } - } -} diff --git a/styles/typography/lilac-typography.json b/styles/typography/lilac-typography.json deleted file mode 100644 index 1573f2d..0000000 --- a/styles/typography/lilac-typography.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Lilac", - "slug": "ext-lilac", - "styles": { - "typography": { - "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em" - } - }, - "h2": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em" - } - } - } - } -} diff --git a/styles/typography/luxury-typography.json b/styles/typography/luxury-typography.json deleted file mode 100644 index ea42edd..0000000 --- a/styles/typography/luxury-typography.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Luxury", - "slug": "ext-luxury", - "styles": { - "typography": { - "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", - "lineHeight": "1.65" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", - "fontWeight": "400" - } - }, - "h1": { - "typography": { - "fontWeight": "400", - "letterSpacing": "0.01em" - } - }, - "h2": { - "typography": { - "fontWeight": "400", - "letterSpacing": "0.01em" - } - } - } - } -} diff --git a/styles/typography/modern-saas-typography.json b/styles/typography/modern-saas-typography.json deleted file mode 100644 index 2520db4..0000000 --- a/styles/typography/modern-saas-typography.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Modern Saas", - "slug": "ext-modern-saas", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "fontWeight": "700" - } - }, - "h1": { - "typography": { - "fontWeight": "700", - "letterSpacing": "-0.02em" - } - }, - "h2": { - "typography": { - "fontWeight": "700", - "letterSpacing": "-0.02em" - } - } - } - } -} diff --git a/styles/typography/neutral-typography.json b/styles/typography/neutral-typography.json deleted file mode 100644 index 3a2249c..0000000 --- a/styles/typography/neutral-typography.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Neutral", - "slug": "ext-neutral", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - } - } - } - } -} diff --git a/styles/typography/placard-typography.json b/styles/typography/placard-typography.json deleted file mode 100644 index 1909b9b..0000000 --- a/styles/typography/placard-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Placard", - "slug": "ext-placard", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Oswald', 'Arial Narrow', 'Helvetica Neue Condensed', system-ui, sans-serif", - "fontWeight": "600" - } - }, - "h1": { - "typography": { - "fontWeight": "700", - "letterSpacing": "-0.01em", - "lineHeight": "1.05" - } - }, - "h2": { - "typography": { - "fontWeight": "700", - "letterSpacing": "-0.01em", - "lineHeight": "1.05" - } - } - } - } -} diff --git a/styles/typography/poster-typography.json b/styles/typography/poster-typography.json deleted file mode 100644 index 64d6e04..0000000 --- a/styles/typography/poster-typography.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Poster", - "slug": "ext-poster", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "fontWeight": "450" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Montserrat', 'Arial Narrow', system-ui, sans-serif", - "fontWeight": "700" - } - }, - "h1": { - "typography": { - "fontWeight": "700", - "letterSpacing": "0.02em", - "lineHeight": "1.05" - } - }, - "h2": { - "typography": { - "fontWeight": "700", - "letterSpacing": "0.02em", - "lineHeight": "1.05" - } - } - } - } -} diff --git a/styles/typography/pristine-typography.json b/styles/typography/pristine-typography.json deleted file mode 100644 index 26c0619..0000000 --- a/styles/typography/pristine-typography.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Pristine", - "slug": "ext-pristine", - "styles": { - "typography": { - "fontFamily": "'Noto Serif Display', 'Source Serif Pro', Georgia, serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Karla', 'Segoe UI', system-ui, -apple-system, sans-serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "500" - } - }, - "h2": { - "typography": { - "fontWeight": "500" - } - } - } - } -} diff --git a/styles/typography/pulp-typography.json b/styles/typography/pulp-typography.json deleted file mode 100644 index afa57d7..0000000 --- a/styles/typography/pulp-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Pulp", - "slug": "ext-pulp", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Archivo', 'Helvetica Neue', system-ui, sans-serif", - "fontWeight": "700" - } - }, - "h1": { - "typography": { - "fontWeight": "900", - "letterSpacing": "0em", - "lineHeight": "1.05" - } - }, - "h2": { - "typography": { - "fontWeight": "900", - "letterSpacing": "0em", - "lineHeight": "1.05" - } - } - } - } -} diff --git a/styles/typography/retro-typography.json b/styles/typography/retro-typography.json index 74120bb..8e859e1 100644 --- a/styles/typography/retro-typography.json +++ b/styles/typography/retro-typography.json @@ -1,11 +1,11 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Retro", + "title": "Retro · Fraunces / Heebo", "slug": "ext-retro", "styles": { "typography": { - "fontFamily": "'DM Sans', 'DM Sans Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + "fontFamily": "'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif" }, "elements": { "heading": { @@ -18,14 +18,21 @@ "typography": { "fontWeight": "900", "letterSpacing": "0.01em", - "lineHeight": "1.05" + "lineHeight": "1.05", + "textTransform": "uppercase" } }, "h2": { "typography": { "fontWeight": "900", "letterSpacing": "0.01em", - "lineHeight": "1.05" + "lineHeight": "1.05", + "textTransform": "uppercase" + } + }, + "h3": { + "typography": { + "textTransform": "uppercase" } } } diff --git a/styles/typography/ritual-typography.json b/styles/typography/ritual-typography.json deleted file mode 100644 index da51172..0000000 --- a/styles/typography/ritual-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Ritual", - "slug": "ext-ritual", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "400", - "letterSpacing": "0.12em", - "lineHeight": "1.2" - } - }, - "h2": { - "typography": { - "fontWeight": "400", - "letterSpacing": "0.12em", - "lineHeight": "1.2" - } - } - } - } -} diff --git a/styles/typography/storybook-typography.json b/styles/typography/storybook-typography.json deleted file mode 100644 index c14252d..0000000 --- a/styles/typography/storybook-typography.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Storybook", - "slug": "ext-storybook", - "styles": { - "typography": { - "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", - "lineHeight": "1.6" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Baloo Tamma 2', 'Baloo Tamma2', system-ui, -apple-system, sans-serif", - "fontWeight": "600" - } - }, - "h1": { - "typography": { - "fontWeight": "700", - "letterSpacing": "0em", - "lineHeight": "1.15" - } - }, - "h2": { - "typography": { - "fontWeight": "700", - "letterSpacing": "0em", - "lineHeight": "1.15" - } - } - } - } -} diff --git a/styles/typography/tech-typography.json b/styles/typography/tech-typography.json deleted file mode 100644 index 1b6bf98..0000000 --- a/styles/typography/tech-typography.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Tech", - "slug": "ext-tech", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'IBM Plex Sans', 'Helvetica Neue', system-ui, sans-serif", - "fontWeight": "600" - } - }, - "h1": { - "typography": { - "fontWeight": "600", - "letterSpacing": "0" - } - }, - "h2": { - "typography": { - "fontWeight": "600", - "letterSpacing": "0" - } - } - } - } -} diff --git a/styles/typography/umber-typography.json b/styles/typography/umber-typography.json deleted file mode 100644 index 2166ef3..0000000 --- a/styles/typography/umber-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Umber", - "slug": "ext-umber", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Marcellus', Georgia, 'Times New Roman', serif", - "fontWeight": "400" - } - }, - "h1": { - "typography": { - "fontWeight": "400", - "letterSpacing": "0.02em", - "lineHeight": "1.15" - } - }, - "h2": { - "typography": { - "fontWeight": "400", - "letterSpacing": "0.02em", - "lineHeight": "1.15" - } - } - } - } -} diff --git a/styles/typography/vitreous-typography.json b/styles/typography/vitreous-typography.json deleted file mode 100644 index 8ded7d3..0000000 --- a/styles/typography/vitreous-typography.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Vitreous", - "slug": "ext-vitreous", - "styles": { - "typography": { - "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Jost', 'Futura', 'Century Gothic', system-ui, sans-serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.02em", - "lineHeight": "1.1" - } - }, - "h2": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.02em", - "lineHeight": "1.1" - } - } - } - } -} diff --git a/theme.json b/theme.json index fcb210f..167946a 100644 --- a/theme.json +++ b/theme.json @@ -157,6 +157,8 @@ "space-cozy": "calc(24px * var(--wp--custom--space-scale, 1))", "space-block": "calc(56px * var(--wp--custom--space-scale, 1))", "color": { + "icon-surface": "color-mix(in oklab, var(--wp--preset--color--background), var(--wp--preset--color--primary, #1A1A1A) 6%)", + "icon-ink": "var(--wp--preset--color--foreground)", "background-tint-1-ink": "var(--wp--preset--color--foreground)", "background-tint-1-weak": "color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--custom--color--background-tint-1))", "background-tint-2-ink": "var(--wp--preset--color--foreground)", From 699439bc3bbfa60d5c791245171b06d03f8ed4c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Fri, 31 Jul 2026 14:56:19 +0500 Subject: [PATCH 09/48] Vibe globals: data file plus its read endpoint under inc/ Per-vibe GLOBAL theme.json settings (settings.layout, settings.custom scale knobs, and the element typography a vibe's heading scale produces) now live in inc/ext-vibe-globals.json, keyed by full vibe slug. Deliberately not under styles/: WordPress auto-reads that tree as selectable style variations, so these payloads were surfacing in the Site Editor's style browser -- and because a payload of only styles.elements matches the elements+typography filter exactly, one was being offered as a font named "Retro Globals". Outside styles/ the file is inert to WP and nothing can surface it by accident. inc/ext-vibe-globals.php registers GET /extendable/v1/vibe-globals (whole manifest, or one payload via ?vibe=, 404 on an unknown slug). Server-side callers can read the file directly; the route exists for browser clients, which cannot. Read is public because the JSON is already world-readable as a static file at a known path, so a nonce would add no privacy while making it unreachable to the clients that need it. functions.php gains one require_once, matching how inc/animations.php is loaded. --- functions.php | 7 ++ inc/ext-vibe-globals.json | 43 ++++++++++++ inc/ext-vibe-globals.php | 133 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 183 insertions(+) create mode 100644 inc/ext-vibe-globals.json create mode 100644 inc/ext-vibe-globals.php diff --git a/functions.php b/functions.php index 5525348..1bf6895 100644 --- a/functions.php +++ b/functions.php @@ -159,6 +159,13 @@ function extendable_register_pattern_categories() { */ require_once get_template_directory() . '/inc/animations.php'; +/** + * Vibe globals: the read endpoint for this theme's per-vibe global theme.json settings + * (inc/ext-vibe-globals.json). Deliberately not under styles/, which WordPress auto-reads + * as selectable style variations. + */ +require_once get_template_directory() . '/inc/ext-vibe-globals.php'; + /** * Add primary-foreground duotone to extendify demo Site Logo block. * diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json new file mode 100644 index 0000000..eec14bb --- /dev/null +++ b/inc/ext-vibe-globals.json @@ -0,0 +1,43 @@ +{ + "version": 1, + "note": "GENERATED by styleguide/generate.mjs — per-vibe global theme.json settings. Deliberately NOT under styles/: WordPress auto-reads that tree as style variations.", + "vibes": { + "linen-1": { + "settings": { + "layout": { + "wideSize": "72rem" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)" + } + } + } + } + }, + "retro-1": { + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.405rem, 2.405rem + ((1vw - 0.2rem) * 4.117), 4.875rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.95rem, 1.95rem + ((1vw - 0.2rem) * 3.25), 3.9rem)" + } + } + } + } + } + } +} diff --git a/inc/ext-vibe-globals.php b/inc/ext-vibe-globals.php new file mode 100644 index 0000000..782adce --- /dev/null +++ b/inc/ext-vibe-globals.php @@ -0,0 +1,133 @@ + 1, + 'vibes' => array(), + ); + } + + $decoded = json_decode( (string) file_get_contents( $path ), true ); + + if ( ! is_array( $decoded ) || ! isset( $decoded['vibes'] ) || ! is_array( $decoded['vibes'] ) ) { + return array( + 'version' => 1, + 'vibes' => array(), + ); + } + + return $decoded; +} + +/** + * GET /extendable/v1/vibe-globals + * + * Returns the whole manifest, or a single vibe's payload with ?vibe=. An unknown slug + * is a 404 rather than an empty body, so a client can tell "this theme has no globals for + * that vibe" apart from "that vibe has an empty payload". + * + * @param WP_REST_Request $request Request object. + * @return WP_REST_Response|WP_Error + */ +function extendable_vibe_globals_rest( $request ) { + $data = extendable_vibe_globals_data(); + $slug = $request->get_param( 'vibe' ); + + if ( null === $slug || '' === $slug ) { + return new WP_REST_Response( $data, 200 ); + } + + if ( ! array_key_exists( $slug, $data['vibes'] ) ) { + return new WP_Error( + 'extendable_vibe_globals_not_found', + __( 'No vibe globals for that slug in this theme.', 'extendable' ), + array( 'status' => 404 ) + ); + } + + return new WP_REST_Response( + array( + 'version' => $data['version'] ?? 1, + 'vibe' => $slug, + 'globals' => $data['vibes'][ $slug ], + ), + 200 + ); +} + +/** + * Register the route. + * + * @return void + */ +function extendable_register_vibe_globals_route() { + register_rest_route( + 'extendable/v1', + '/vibe-globals', + array( + 'methods' => WP_REST_Server::READABLE, + 'callback' => 'extendable_vibe_globals_rest', + 'permission_callback' => '__return_true', + 'args' => array( + 'vibe' => array( + 'description' => __( 'Return only this vibe slug, e.g. linen-1.', 'extendable' ), + 'type' => 'string', + 'required' => false, + 'sanitize_callback' => 'sanitize_key', + ), + ), + ) + ); +} +add_action( 'rest_api_init', 'extendable_register_vibe_globals_route' ); From e50f202ff314f4f5d1ad77b78d6035979dbd513f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Fri, 31 Jul 2026 15:01:09 +0500 Subject: [PATCH 10/48] Vibe globals: drop the provenance note from the payload The manifest is served by a public REST route, so a build-script path in the response is internal detail no consumer can use. The reason the file sits outside styles/ is documented in inc/ext-vibe-globals.php instead. --- inc/ext-vibe-globals.json | 1 - 1 file changed, 1 deletion(-) diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index eec14bb..727c3cc 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -1,6 +1,5 @@ { "version": 1, - "note": "GENERATED by styleguide/generate.mjs — per-vibe global theme.json settings. Deliberately NOT under styles/: WordPress auto-reads that tree as style variations.", "vibes": { "linen-1": { "settings": { From 375fc31e816120623ef046a3f63e78560a4fac21 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 1 Aug 2026 11:33:04 +0500 Subject: [PATCH 11/48] Vibe globals: ship the manifest the endpoint reads, and drop two dead style sets MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The read endpoint landed before the data it serves. inc/ext-vibe-globals.json now carries linen-1 and retro-1 in the shape the SDK's globals layer expects — settings for the layout and font-size scale a vibe pins, styles.elements for the heading sizes that bind to them. styles/globals/{linen,retro}-globals.json go. WordPress auto-reads styles/ as selectable variations, so those two surfaced in the SDK's font picker as "Retro Globals" and "Linen Globals" — style variations a user could pick that were never meant to be pickable. The same data now lives under inc/, outside the tree WordPress scans, behind a route that hands it to the one consumer that wants it. styles/typography/fraunces-dm-sans.json goes too: a Fraunces + DM Sans pairing no shipping vibe wears. Retro pairs Fraunces with Heebo and has its own retro-typography.json, so this one was only ever picker clutter. The preset churn is the generator's, regenerated from the current vibe sources. --- inc/ext-vibe-globals.json | 48 +++++++++++- .../group/linen-1/footer-1/preset.json | 2 +- .../group/linen-1/header-1/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/linen-1/section/preset.json | 2 +- .../group/linen-1/template/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/natural-1/section/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/retro-1/section/preset.json | 2 +- .../image/linen-1/icon-1/preset.json | 4 +- .../media-text/linen-1/card-1/preset.json | 2 +- styles/colors/linen-palette.json | 74 +++++++++---------- styles/globals/linen-globals.json | 25 ------- styles/globals/retro-globals.json | 20 ----- styles/typography/fraunces-dm-sans.json | 31 -------- 19 files changed, 94 insertions(+), 134 deletions(-) delete mode 100644 styles/globals/linen-globals.json delete mode 100644 styles/globals/retro-globals.json delete mode 100644 styles/typography/fraunces-dm-sans.json diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index 727c3cc..5560406 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -4,19 +4,61 @@ "linen-1": { "settings": { "layout": { - "wideSize": "72rem" + "contentSize": "56rem", + "wideSize": "120rem" + }, + "typography": { + "fontSizes": [ + { + "slug": "small", + "size": "1.125rem", + "fluid": false + }, + { + "slug": "medium", + "size": "1.25rem", + "fluid": false + }, + { + "slug": "large", + "size": "2.25rem", + "fluid": { + "min": "1.5rem", + "max": "2.25rem" + } + }, + { + "slug": "x-large", + "size": "2.8125rem", + "fluid": { + "min": "1.8125rem", + "max": "2.8125rem" + } + }, + { + "slug": "xx-large", + "size": "3.5rem", + "fluid": { + "min": "2.1875rem", + "max": "3.5rem" + } + } + ], + "fluid": { + "maxViewportWidth": "80rem" + } } }, "styles": { "elements": { "h1": { "typography": { - "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)" + "fontSize": "var(--wp--preset--font-size--xx-large)" } }, "h2": { "typography": { - "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)" + "fontSize": "var(--wp--preset--font-size--x-large)" } } } diff --git a/styles/block-presets/group/linen-1/footer-1/preset.json b/styles/block-presets/group/linen-1/footer-1/preset.json index cb40938..4f79e71 100644 --- a/styles/block-presets/group/linen-1/footer-1/preset.json +++ b/styles/block-presets/group/linen-1/footer-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/linen-1/header-1/preset.json b/styles/block-presets/group/linen-1/header-1/preset.json index 405a4cb..6b29d0d 100644 --- a/styles/block-presets/group/linen-1/header-1/preset.json +++ b/styles/block-presets/group/linen-1/header-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index f68b5e5..a62fe53 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json index dc5919a..2a74c08 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/linen-1/section/preset.json b/styles/block-presets/group/linen-1/section/preset.json index 0329f6e..fe5747c 100644 --- a/styles/block-presets/group/linen-1/section/preset.json +++ b/styles/block-presets/group/linen-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-grid { gap: var(--wp--custom--gap-snug) !important; }" } } diff --git a/styles/block-presets/group/linen-1/template/preset.json b/styles/block-presets/group/linen-1/template/preset.json index 2004e5e..bd4a353 100644 --- a/styles/block-presets/group/linen-1/template/preset.json +++ b/styles/block-presets/group/linen-1/template/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-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 3366180..b49394d 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 @@ -7,7 +7,7 @@ "core/group" ], "styles": { - "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; }", + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; }", "blocks": { "core/heading": { "typography": { 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 1cc32c8..b20bb6e 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 @@ -7,7 +7,7 @@ "core/group" ], "styles": { - "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: var(--wp--preset--spacing--30); } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; }", + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: var(--wp--preset--spacing--30); } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; }", "blocks": { "core/heading": { "typography": { diff --git a/styles/block-presets/group/natural-1/section/preset.json b/styles/block-presets/group/natural-1/section/preset.json index f01617f..1dde925 100644 --- a/styles/block-presets/group/natural-1/section/preset.json +++ b/styles/block-presets/group/natural-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 78%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 83%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 92%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } " + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 78%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 83%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 92%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--custom--color--background-tint-3)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } " } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index e6efae9..01bae6f 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json index cad2ef5..e1fbeb1 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/block-presets/group/retro-1/section/preset.json b/styles/block-presets/group/retro-1/section/preset.json index 43b607a..f3a2630 100644 --- a/styles/block-presets/group/retro-1/section/preset.json +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" } } diff --git a/styles/block-presets/image/linen-1/icon-1/preset.json b/styles/block-presets/image/linen-1/icon-1/preset.json index 6323817..f57479c 100644 --- a/styles/block-presets/image/linen-1/icon-1/preset.json +++ b/styles/block-presets/image/linen-1/icon-1/preset.json @@ -6,5 +6,7 @@ "blockTypes": [ "core/image" ], - "styles": {} + "styles": { + "css": "& img { width: 96px; height: 96px; } &:not(:has(img[style*=\"width\"])) { margin-bottom: var(--wp--custom--gap-block) !important; }" + } } diff --git a/styles/block-presets/media-text/linen-1/card-1/preset.json b/styles/block-presets/media-text/linen-1/card-1/preset.json index a246d57..e8cdf55 100644 --- a/styles/block-presets/media-text/linen-1/card-1/preset.json +++ b/styles/block-presets/media-text/linen-1/card-1/preset.json @@ -33,6 +33,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(4n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(4n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(4n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &:nth-child(4n + 4) { background-color: var(--wp--custom--color--background-tint-4) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-4-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-4-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-4-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-4); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 45%, var(--wp--custom--color--background-tint-4)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-4-ink) 18%, var(--wp--custom--color--background-tint-4)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/colors/linen-palette.json b/styles/colors/linen-palette.json index 0c57c94..71a2403 100644 --- a/styles/colors/linen-palette.json +++ b/styles/colors/linen-palette.json @@ -7,48 +7,48 @@ "duotone": [ { "colors": [ - "#22231F", - "#363733" + "#1F1F23", + "#333337" ], "slug": "primary-and-secondary", "name": "Primary and secondary" }, { "colors": [ - "#22231F", - "#EDE8D8" + "#1F1F23", + "#E9E5D9" ], "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, { "colors": [ - "#363733", - "#22231F" + "#333337", + "#1F1F23" ], "slug": "secondary-and-primary", "name": "Secondary and primary" }, { "colors": [ - "#22231F", - "#F5F1E4" + "#1F1F23", + "#F8F5E9" ], "slug": "foreground-and-background", "name": "Foreground and background" }, { "colors": [ - "#22231F", - "#22231F" + "#1F1F23", + "#1F1F23" ], "slug": "primary-foreground", "name": "Primary and Foreground" }, { "colors": [ - "#F5F1E4", - "#EDE8D8" + "#F8F5E9", + "#E9E5D9" ], "slug": "background-tertiary", "name": "Background and Background Alt" @@ -67,12 +67,12 @@ }, { "slug": "primary", - "color": "#22231F", + "color": "#1F1F23", "name": "Primary" }, { "slug": "secondary", - "color": "#363733", + "color": "#333337", "name": "Secondary" }, { @@ -99,51 +99,43 @@ "slug": "background-tint-3", "color": "var(--wp--custom--color--background-tint-3)", "name": "Card 3" - }, - { - "slug": "background-tint-4", - "color": "var(--wp--custom--color--background-tint-4)", - "name": "Card 4" } ] }, "custom": { "color": { - "text-strong": "#22231F", - "background-base": "#F5F1E4", - "text-weak": "#565752", - "icon-surface": "#EDE9DC", - "icon-ink": "#22231F", - "background-sunken": "#EDE8D8", - "background-tint-1": "#C1D4BF", + "text-strong": "#1F1F23", + "background-base": "#F8F5E9", + "text-weak": "#5D5D62", + "icon-surface": "#F0EDE1", + "icon-ink": "#1F1F23", + "background-sunken": "#E9E5D9", + "background-tint-1": "#C1D3C7", "background-tint-2": "#DDD5C0", "background-tint-3": "#D1C6D2", - "background-tint-1-ink": "#1D1E1A", - "background-tint-1-weak": "#1D1E1A", - "background-tint-2-ink": "#22231F", - "background-tint-2-weak": "#22231F", - "background-tint-3-ink": "#000100", - "background-tint-3-weak": "#000100", - "background-tint-4": "#26231E", - "background-tint-4-ink": "#F5F1E4", - "background-tint-4-weak": "#D4D0C4" + "background-tint-1-ink": "#1F1F23", + "background-tint-1-weak": "#1F1F23", + "background-tint-2-ink": "#1F1F23", + "background-tint-2-weak": "#1F1F23", + "background-tint-3-ink": "#000001", + "background-tint-3-weak": "#000002" }, "elements": { "button": { "color": { - "background": "#22231F", - "text": "#F5F1E4" + "background": "#1F1F23", + "text": "#F8F5E9" }, ":hover": { "color": { - "background": "#363733", - "text": "#F5F1E4" + "background": "#333337", + "text": "#F8F5E9" } }, ":focus": { "color": { - "background": "#22231F", - "text": "#F5F1E4" + "background": "#1F1F23", + "text": "#F8F5E9" } } } diff --git a/styles/globals/linen-globals.json b/styles/globals/linen-globals.json deleted file mode 100644 index 90fa9d3..0000000 --- a/styles/globals/linen-globals.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Linen Globals", - "slug": "ext-linen-globals", - "settings": { - "custom": { - "space-scale": "1.5" - } - }, - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(2.035rem, 2.035rem + ((1vw - 0.2rem) * 3.484), 4.125rem)" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 2.75), 3.3rem)" - } - } - } - } -} diff --git a/styles/globals/retro-globals.json b/styles/globals/retro-globals.json deleted file mode 100644 index cd47538..0000000 --- a/styles/globals/retro-globals.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Retro Globals", - "slug": "ext-retro-globals", - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(2.405rem, 2.405rem + ((1vw - 0.2rem) * 4.117), 4.875rem)" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.95rem, 1.95rem + ((1vw - 0.2rem) * 3.25), 3.9rem)" - } - } - } - } -} diff --git a/styles/typography/fraunces-dm-sans.json b/styles/typography/fraunces-dm-sans.json deleted file mode 100644 index 93ce1b6..0000000 --- a/styles/typography/fraunces-dm-sans.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "title": "Fraunces + DM Sans", - "version": 3, - "slug": "fraunces-dm-sans", - "styles": { - "typography": { - "fontFamily": "\"DM Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "1.6" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "\"Fraunces\", serif", - "fontWeight": "700", - "letterSpacing": "-0.02em", - "lineHeight": "1.1" - } - } - }, - "blocks": { - "core/quote": { - "typography": { - "fontFamily": "\"Fraunces\", serif", - "fontStyle": "italic" - } - } - } - } -} From 0f46ed31ae4d1c8e26b5ca7a6228d1c75aa23785 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 1 Aug 2026 11:37:50 +0500 Subject: [PATCH 12/48] Vibe globals: retro publishes a font-size scale instead of two clamps MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Regenerated from the vibe source. retro-1 gains settings.typography.fontSizes — the expressive set, small 1.125rem through xx-large 5.25rem, fluid from large up — and its styles.elements h1/h2 stop carrying hand-computed clamps and reference the presets instead. Only the manifest moves. A type scale is a globals concern, so no block preset changes with it. --- inc/ext-vibe-globals.json | 47 +++++++++++++++++++++++++++++++++++++-- 1 file changed, 45 insertions(+), 2 deletions(-) diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index 5560406..1237e92 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -65,16 +65,59 @@ } }, "retro-1": { + "settings": { + "typography": { + "fontSizes": [ + { + "slug": "small", + "size": "1.125rem", + "fluid": false + }, + { + "slug": "medium", + "size": "1.375rem", + "fluid": false + }, + { + "slug": "large", + "size": "3rem", + "fluid": { + "min": "1.75rem", + "max": "3rem" + } + }, + { + "slug": "x-large", + "size": "4rem", + "fluid": { + "min": "2.125rem", + "max": "4rem" + } + }, + { + "slug": "xx-large", + "size": "5.25rem", + "fluid": { + "min": "2.625rem", + "max": "5.25rem" + } + } + ], + "fluid": { + "maxViewportWidth": "80rem" + } + } + }, "styles": { "elements": { "h1": { "typography": { - "fontSize": "clamp(2.405rem, 2.405rem + ((1vw - 0.2rem) * 4.117), 4.875rem)" + "fontSize": "var(--wp--preset--font-size--xx-large)" } }, "h2": { "typography": { - "fontSize": "clamp(1.95rem, 1.95rem + ((1vw - 0.2rem) * 3.25), 3.9rem)" + "fontSize": "var(--wp--preset--font-size--x-large)" } } } From 6fdefe7dda35642bddd90ef2da76828311a773cf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 1 Aug 2026 11:39:36 +0500 Subject: [PATCH 13/48] Vibe globals: retro pins 56rem/120rem MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Regenerated. retro-1 gains settings.layout, matching linen — the measure its expressive scale and card grid were composed against, rather than the theme's narrower 42rem/80rem default. --- inc/ext-vibe-globals.json | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index 1237e92..eb6ed5a 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -66,6 +66,10 @@ }, "retro-1": { "settings": { + "layout": { + "contentSize": "56rem", + "wideSize": "120rem" + }, "typography": { "fontSizes": [ { From e1c3f6a931e4cf41e94da18e62904519a5481078 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Sat, 1 Aug 2026 12:13:52 +0500 Subject: [PATCH 14/48] Heath and Butterscotch declare a slug Regenerated. The SDK filters the theme's colour variations by slug against an allowlist when the active theme is extendable, so a partial without one is dropped before it can be offered. Both now carry the slug the allowlist names. --- styles/colors/linen-palette.json | 1 + styles/colors/retro-palette.json | 1 + 2 files changed, 2 insertions(+) diff --git a/styles/colors/linen-palette.json b/styles/colors/linen-palette.json index 71a2403..246089e 100644 --- a/styles/colors/linen-palette.json +++ b/styles/colors/linen-palette.json @@ -2,6 +2,7 @@ "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Heath", + "slug": "heath", "settings": { "color": { "duotone": [ diff --git a/styles/colors/retro-palette.json b/styles/colors/retro-palette.json index 4a5447a..69294f5 100644 --- a/styles/colors/retro-palette.json +++ b/styles/colors/retro-palette.json @@ -2,6 +2,7 @@ "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Butterscotch", + "slug": "butterscotch", "settings": { "color": { "duotone": [ From 8647924c215f86f7584699dcb0d306004c11bf32 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 18:13:39 +0500 Subject: [PATCH 15/48] =?UTF-8?q?Playdate:=20a=20third=20vibe=20=E2=80=94?= =?UTF-8?q?=20cream,=20navy,=20orange,=20with=20background=20objects?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Generated from Lattice, same as linen-1 and retro-1. 21 block presets, the Playdate colour partial (cream #FDF1E7 paper, navy #1B3A8C ink, orange #F26A2E accent, peach wash) and modern-saas-typography, the voice it uses. Two things in it that no shipping vibe carried before: A scalloped band edge, on the same masked full-bleed strip wave-1 uses. And DECORATIVE OBJECTS in the band background — a new axis. Layered data-URI SVG shapes in currentColor, positioned into the band's own top and bottom padding. The padding is deliberate: a section's inset is empty by construction, so a shape never lands under text and the contrast audit's opacity cap for washes does not apply. Painted as background-images on the band rather than a pseudo-element, because the divider already owns both of those — a vibe can wear a scalloped edge AND objects, and Playdate wears both. Verified on a real render: round 32px cards, 9999px pill buttons, the object layer and the scallop mask all present. --- inc/ext-vibe-globals.json | 59 +++++++ .../button/playdate-1/button-1/preset.json | 18 ++ .../playdate-1/cover-overlay-1/preset.json | 32 ++++ .../group/playdate-1/footer-1/preset.json | 12 ++ .../group/playdate-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 55 ++++++ .../item-card-1/align-start/preset.json | 55 ++++++ .../group/playdate-1/panel-1/preset.json | 18 ++ .../playdate-1/section-intro-1/preset.json | 12 ++ .../group/playdate-1/section/preset.json | 12 ++ .../group/playdate-1/template/preset.json | 12 ++ .../image/playdate-1/gallery-1/preset.json | 14 ++ .../image/playdate-1/icon-1/preset.json | 10 ++ .../image/playdate-1/icon-small-1/preset.json | 10 ++ .../image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 20 +++ .../image-1/content-left/preset.json | 20 +++ .../image-1/content-right/preset.json | 20 +++ .../image-1/content-top/preset.json | 20 +++ .../media-text/playdate-1/card-1/preset.json | 41 +++++ .../playdate-1/tagline-1/preset.json | 17 ++ .../playdate-1/social-1/preset.json | 15 ++ styles/colors/playdate-palette.json | 158 ++++++++++++++++++ styles/typography/modern-saas-typography.json | 31 ++++ 24 files changed, 688 insertions(+) create mode 100644 styles/block-presets/button/playdate-1/button-1/preset.json create mode 100644 styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/group/playdate-1/footer-1/preset.json create mode 100644 styles/block-presets/group/playdate-1/header-1/preset.json create mode 100644 styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/playdate-1/panel-1/preset.json create mode 100644 styles/block-presets/group/playdate-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/playdate-1/section/preset.json create mode 100644 styles/block-presets/group/playdate-1/template/preset.json create mode 100644 styles/block-presets/image/playdate-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/playdate-1/icon-1/preset.json create mode 100644 styles/block-presets/image/playdate-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/playdate-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/playdate-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/playdate-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/playdate-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/playdate-1/card-1/preset.json create mode 100644 styles/block-presets/paragraph/playdate-1/tagline-1/preset.json create mode 100644 styles/block-presets/social-links/playdate-1/social-1/preset.json create mode 100644 styles/colors/playdate-palette.json create mode 100644 styles/typography/modern-saas-typography.json diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index eb6ed5a..41b962d 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -64,6 +64,65 @@ } } }, + "playdate-1": { + "settings": { + "typography": { + "fontSizes": [ + { + "slug": "small", + "size": "1.125rem", + "fluid": false + }, + { + "slug": "medium", + "size": "1.375rem", + "fluid": false + }, + { + "slug": "large", + "size": "3rem", + "fluid": { + "min": "1.75rem", + "max": "3rem" + } + }, + { + "slug": "x-large", + "size": "4rem", + "fluid": { + "min": "2.125rem", + "max": "4rem" + } + }, + { + "slug": "xx-large", + "size": "5.25rem", + "fluid": { + "min": "2.625rem", + "max": "5.25rem" + } + } + ], + "fluid": { + "maxViewportWidth": "80rem" + } + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--xx-large)" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + } + } + } + }, "retro-1": { "settings": { "layout": { diff --git a/styles/block-presets/button/playdate-1/button-1/preset.json b/styles/block-presets/button/playdate-1/button-1/preset.json new file mode 100644 index 0000000..2f1f2f1 --- /dev/null +++ b/styles/block-presets/button/playdate-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Button 1", + "slug": "ext-preset--button--playdate-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} diff --git a/styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json b/styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..56a3edb --- /dev/null +++ b/styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Overlay 1", + "slug": "ext-preset--cover--playdate-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/group/playdate-1/footer-1/preset.json b/styles/block-presets/group/playdate-1/footer-1/preset.json new file mode 100644 index 0000000..0ddc507 --- /dev/null +++ b/styles/block-presets/group/playdate-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Footer 1", + "slug": "ext-preset--group--playdate-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/playdate-1/header-1/preset.json b/styles/block-presets/group/playdate-1/header-1/preset.json new file mode 100644 index 0000000..a8a53d4 --- /dev/null +++ b/styles/block-presets/group/playdate-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Header 1", + "slug": "ext-preset--group--playdate-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..7319824 --- /dev/null +++ b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Item Card 1 Align Center", + "slug": "ext-preset--group--playdate-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "32px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..8c4d7d6 --- /dev/null +++ b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json @@ -0,0 +1,55 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Item Card 1 Align Start", + "slug": "ext-preset--group--playdate-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "32px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "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": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/playdate-1/panel-1/preset.json b/styles/block-presets/group/playdate-1/panel-1/preset.json new file mode 100644 index 0000000..61b8e0d --- /dev/null +++ b/styles/block-presets/group/playdate-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Panel 1", + "slug": "ext-preset--group--playdate-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "32px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/playdate-1/section-intro-1/preset.json b/styles/block-presets/group/playdate-1/section-intro-1/preset.json new file mode 100644 index 0000000..7bcffb1 --- /dev/null +++ b/styles/block-presets/group/playdate-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Section Intro 1", + "slug": "ext-preset--group--playdate-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: center; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } &.ext-section-intro .wp-block-buttons { justify-content: center; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json new file mode 100644 index 0000000..b0325b9 --- /dev/null +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Section", + "slug": "ext-preset--group--playdate-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-base-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-base-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-base-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-base-background-color { background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); background-position: left 4% top 6%, right 6% bottom 8%; background-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); background-repeat: no-repeat; }" + } +} diff --git a/styles/block-presets/group/playdate-1/template/preset.json b/styles/block-presets/group/playdate-1/template/preset.json new file mode 100644 index 0000000..8bff08a --- /dev/null +++ b/styles/block-presets/group/playdate-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Template", + "slug": "ext-preset--group--playdate-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/image/playdate-1/gallery-1/preset.json b/styles/block-presets/image/playdate-1/gallery-1/preset.json new file mode 100644 index 0000000..f9669fb --- /dev/null +++ b/styles/block-presets/image/playdate-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Gallery 1", + "slug": "ext-preset--image--playdate-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} diff --git a/styles/block-presets/image/playdate-1/icon-1/preset.json b/styles/block-presets/image/playdate-1/icon-1/preset.json new file mode 100644 index 0000000..60c91dd --- /dev/null +++ b/styles/block-presets/image/playdate-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Icon 1", + "slug": "ext-preset--image--playdate-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/playdate-1/icon-small-1/preset.json b/styles/block-presets/image/playdate-1/icon-small-1/preset.json new file mode 100644 index 0000000..189deab --- /dev/null +++ b/styles/block-presets/image/playdate-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Icon Small 1", + "slug": "ext-preset--image--playdate-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/playdate-1/image-1/content-any/preset.json b/styles/block-presets/image/playdate-1/image-1/content-any/preset.json new file mode 100644 index 0000000..6eff94e --- /dev/null +++ b/styles/block-presets/image/playdate-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Image 1 Content Any", + "slug": "ext-preset--image--playdate-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} diff --git a/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json b/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..8c41269 --- /dev/null +++ b/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Image 1 Content Bottom", + "slug": "ext-preset--image--playdate-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": { + "topLeft": "32px", + "topRight": "32px", + "bottomRight": "0", + "bottomLeft": "0" + } + } + } +} diff --git a/styles/block-presets/image/playdate-1/image-1/content-left/preset.json b/styles/block-presets/image/playdate-1/image-1/content-left/preset.json new file mode 100644 index 0000000..7e499f3 --- /dev/null +++ b/styles/block-presets/image/playdate-1/image-1/content-left/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Image 1 Content Left", + "slug": "ext-preset--image--playdate-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": { + "topLeft": "0", + "topRight": "32px", + "bottomRight": "32px", + "bottomLeft": "0" + } + } + } +} diff --git a/styles/block-presets/image/playdate-1/image-1/content-right/preset.json b/styles/block-presets/image/playdate-1/image-1/content-right/preset.json new file mode 100644 index 0000000..914ad97 --- /dev/null +++ b/styles/block-presets/image/playdate-1/image-1/content-right/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Image 1 Content Right", + "slug": "ext-preset--image--playdate-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": { + "topLeft": "32px", + "topRight": "0", + "bottomRight": "0", + "bottomLeft": "32px" + } + } + } +} diff --git a/styles/block-presets/image/playdate-1/image-1/content-top/preset.json b/styles/block-presets/image/playdate-1/image-1/content-top/preset.json new file mode 100644 index 0000000..e13f5fc --- /dev/null +++ b/styles/block-presets/image/playdate-1/image-1/content-top/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Image 1 Content Top", + "slug": "ext-preset--image--playdate-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": { + "topLeft": "0", + "topRight": "0", + "bottomRight": "32px", + "bottomLeft": "32px" + } + } + } +} diff --git a/styles/block-presets/media-text/playdate-1/card-1/preset.json b/styles/block-presets/media-text/playdate-1/card-1/preset.json new file mode 100644 index 0000000..b2ae014 --- /dev/null +++ b/styles/block-presets/media-text/playdate-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Item Card 1", + "slug": "ext-preset--media-text--playdate-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "32px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/paragraph/playdate-1/tagline-1/preset.json b/styles/block-presets/paragraph/playdate-1/tagline-1/preset.json new file mode 100644 index 0000000..269a4d6 --- /dev/null +++ b/styles/block-presets/paragraph/playdate-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Tagline 1", + "slug": "ext-preset--paragraph--playdate-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/social-links/playdate-1/social-1/preset.json b/styles/block-presets/social-links/playdate-1/social-1/preset.json new file mode 100644 index 0000000..ae9d5fb --- /dev/null +++ b/styles/block-presets/social-links/playdate-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Playdate 1 Social 1", + "slug": "ext-preset--social-links--playdate-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/colors/playdate-palette.json b/styles/colors/playdate-palette.json new file mode 100644 index 0000000..8814b9f --- /dev/null +++ b/styles/colors/playdate-palette.json @@ -0,0 +1,158 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Playdate", + "slug": "playdate", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#1B3A8C", + "#2F52A6" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#1B3A8C", + "#FBDCC4" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#2F52A6", + "#1B3A8C" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#1B3A8C", + "#FDF1E7" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#1B3A8C", + "#1B3A8C" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FDF1E7", + "#FBDCC4" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#1B3A8C", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#2F52A6", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + }, + { + "slug": "background-tint-3", + "color": "var(--wp--custom--color--background-tint-3)", + "name": "Card 3" + } + ] + }, + "custom": { + "color": { + "text-strong": "#1B3A8C", + "background-base": "#FDF1E7", + "text-weak": "#3558AC", + "icon-surface": "#F5E9DF", + "icon-ink": "#1B3A8C", + "background-sunken": "#FBDCC4", + "background-tint-1": "#FBDCC4", + "background-tint-2": "#FCE8D6", + "background-tint-3": "#F7E3E9", + "background-tint-1-ink": "#1B3A8C", + "background-tint-1-weak": "#1B3A8C", + "background-tint-2-ink": "#1B3A8C", + "background-tint-2-weak": "#1B3A8C", + "background-tint-3-ink": "#1B3A8C", + "background-tint-3-weak": "#1B3A8C" + }, + "elements": { + "button": { + "color": { + "background": "#1B3A8C", + "text": "#FDF1E7" + }, + ":hover": { + "color": { + "background": "#2F52A6", + "text": "#FDF1E7" + } + }, + ":focus": { + "color": { + "background": "#1B3A8C", + "text": "#FDF1E7" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/typography/modern-saas-typography.json b/styles/typography/modern-saas-typography.json new file mode 100644 index 0000000..76afe43 --- /dev/null +++ b/styles/typography/modern-saas-typography.json @@ -0,0 +1,31 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Modern Saas · Inter", + "slug": "ext-modern-saas", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "700" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.02em" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.02em" + } + } + } + } +} From 5f43f3a747116c8b672f432a02c2e71a48cec720 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 18:23:56 +0500 Subject: [PATCH 16/48] Fix the band-edge divider selector: background, not background-base MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The scalloped edge and the background objects both qualified on `.has-background-base-background-color`, which no element wears. `background-base` is a custom token name; the class WordPress emits comes from the palette slug, `background`. So the selector matched nothing and neither decoration rendered. The divider bug predates Playdate — haven-1 was the only vibe asking for a scallop and haven-1 is not ported, so nothing rendered it and nothing noticed. Regenerated. Playdate's section preset now carries both against the class the band actually wears. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index b0325b9..0cff66a 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-base-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-base-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-base-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-base-background-color { background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); background-position: left 4% top 6%, right 6% bottom 8%; background-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); background-repeat: no-repeat; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); background-position: left 4% top 6%, right 6% bottom 8%; background-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); background-repeat: no-repeat; }" } } From 47fc37d8bdee43b34b62dd4cb35e2de4a45ad18d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 18:36:25 +0500 Subject: [PATCH 17/48] Playdate: background objects become masks, inked from the palette MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The objects were background-images whose SVG carried fill="currentColor", which cannot work — an SVG loaded as an image is a separate document with no cascade to inherit from. They rendered unpainted. Masks now: the SVG gives the shape, background-color gives the ink, taken from the palette's `primary`. Objects take ::before and the scalloped divider keeps its bottom edge, since a band has two pseudo-elements and both decorations need one. Regenerated from Lattice. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index 0cff66a..083c4ec 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); background-position: left 4% top 6%, right 6% bottom 8%; background-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); background-repeat: no-repeat; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; background-color: var(--wp--preset--color--primary); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" } } From 133a1bdb56ede89689c0571024daa5b8fdfde701 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 18:42:44 +0500 Subject: [PATCH 18/48] Playdate: the scalloped edge decorates a tinted band, and now has one MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The divider strip inherits its band's colour and sits outside the band, so it only reads where the band differs from what it overlays. The rule qualified on the paper band over a paper page — cream on cream, invisible. wave-1 qualifies on .has-tertiary-background-color for exactly this reason. Emitted for both band classes now, and Playdate gains bandCycle 2 so every other band is peach #FBDCC4 against #FDF1E7 paper — the reference puts its scalloped edge on the peach footer band, not a cream one. Regenerated from Lattice. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index 083c4ec..b10bddb 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; background-color: var(--wp--preset--color--primary); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; background-color: var(--wp--preset--color--primary); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" } } From e1b04336e041d7d3b10ac10cf6446ca1c2782ce2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 18:55:31 +0500 Subject: [PATCH 19/48] Background objects: rotate per band, sit behind the copy, drift on scroll MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Three arrangements per object set, rotated by :nth-of-type(3n + k) so consecutive bands do not repeat the same shapes in the same corners. The pseudo-element now sits behind the band's content (children lifted to z-index 1 rather than the pseudo going negative, which would hide it behind the band's own background), and inks from `tertiary` instead of `primary` — decoration should not pull the eye off the copy. theme.json gains the @keyframes the drift needs: a block-style variation cannot declare an at-rule, so ext-object-drift lives in the global css, with a prefers-reduced-motion override that flattens it. The preset references it by name and fails soft — an unknown animation-name is ignored and the shape stays still. Presets regenerated from Lattice. --- .../group/playdate-1/section/preset.json | 2 +- theme.json | 159 ++++++++++++++---- 2 files changed, 124 insertions(+), 37 deletions(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index b10bddb..d52f761 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; background-color: var(--wp--preset--color--primary); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color > * { position: relative; z-index: 1; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } diff --git a/theme.json b/theme.json index 167946a..62c30f6 100644 --- a/theme.json +++ b/theme.json @@ -5,22 +5,34 @@ { "name": "blank", "title": "Blank", - "postTypes": ["page", "post"] + "postTypes": [ + "page", + "post" + ] }, { "name": "no-title", "title": "No Title", - "postTypes": ["page", "post"] + "postTypes": [ + "page", + "post" + ] }, { "name": "no-title-sticky-header", "title": "No Title Sticky Header", - "postTypes": ["page", "post"] + "postTypes": [ + "page", + "post" + ] }, { "name": "page-with-title", "title": "Page with Title", - "postTypes": ["page", "post"] + "postTypes": [ + "page", + "post" + ] } ], "settings": { @@ -31,42 +43,66 @@ "defaultDuotone": false, "duotone": [ { - "colors": ["#000000", "#ffffff"], + "colors": [ + "#000000", + "#ffffff" + ], "slug": "grayscale", "name": "Grayscale" }, { - "colors": ["#ffffff", "#381d92"], + "colors": [ + "#ffffff", + "#381d92" + ], "slug": "primary", "name": "Primary" }, { - "colors": ["#ffffff", "#1C0A63"], + "colors": [ + "#ffffff", + "#1C0A63" + ], "slug": "secondary", "name": "Secondary" }, { - "colors": ["#381d92", "#1C0A63"], + "colors": [ + "#381d92", + "#1C0A63" + ], "slug": "primary-secondary", "name": "Primary and Secondary" }, { - "colors": ["#0B0620", "#381d92"], + "colors": [ + "#0B0620", + "#381d92" + ], "slug": "foreground-primary", "name": "Foreground and Primary" }, { - "colors": ["#0B0620", "#1C0A63"], + "colors": [ + "#0B0620", + "#1C0A63" + ], "slug": "foreground-secondary", "name": "Foreground and Secondary" }, { - "colors": ["#381d92", "#0B0620"], + "colors": [ + "#381d92", + "#0B0620" + ], "slug": "primary-foreground", "name": "Primary and Foreground" }, { - "colors": ["#ffffff", "#F2F2FA"], + "colors": [ + "#ffffff", + "#F2F2FA" + ], "slug": "background-tertiary", "name": "Background and Background Alt" } @@ -442,7 +478,14 @@ "size": "calc(clamp(4rem, 15vw, 7rem) * var(--wp--custom--space-scale, 1))" } ], - "units": ["%", "px", "em", "rem", "vh", "vw"] + "units": [ + "%", + "px", + "em", + "rem", + "vh", + "vw" + ] }, "typography": { "defaultFontSizes": false, @@ -456,7 +499,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": ["file:./assets/fonts/archivo/archivo_wght.woff2"] + "src": [ + "file:./assets/fonts/archivo/archivo_wght.woff2" + ] } ], "fontFamily": "\"Archivo\", sans-serif", @@ -471,7 +516,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "400", - "src": ["file:./assets/fonts/arsenal/arsenal-regular.woff2"] + "src": [ + "file:./assets/fonts/arsenal/arsenal-regular.woff2" + ] }, { "fontDisplay": "block", @@ -479,7 +526,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "700", - "src": ["file:./assets/fonts/arsenal/arsenal-bold.woff2"] + "src": [ + "file:./assets/fonts/arsenal/arsenal-bold.woff2" + ] } ], "fontFamily": "\"Arsenal\", serif", @@ -514,7 +563,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "300 900", - "src": ["file:./assets/fonts/geom/geom-variable.woff2"] + "src": [ + "file:./assets/fonts/geom/geom-variable.woff2" + ] } ] }, @@ -526,7 +577,9 @@ "fontWeight": "400", "fontStyle": "normal", "fontStretch": "normal", - "src": ["file:./assets/fonts/gotu/gotu-regular.woff2"] + "src": [ + "file:./assets/fonts/gotu/gotu-regular.woff2" + ] } ], "fontFamily": "\"Gotu\", sans-serif", @@ -541,7 +594,9 @@ "fontWeight": "100 900", "fontStyle": "normal", "fontStretch": "normal", - "src": ["file:./assets/fonts/heebo/heebo-variable-wght.woff2"] + "src": [ + "file:./assets/fonts/heebo/heebo-variable-wght.woff2" + ] } ], "fontFamily": "\"Heebo\", sans-serif", @@ -559,7 +614,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": ["file:./assets/fonts/hind/hind-variable.woff2"] + "src": [ + "file:./assets/fonts/hind/hind-variable.woff2" + ] } ] }, @@ -664,7 +721,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "200 900", - "src": ["file:./assets/fonts/inter/inter-variable.woff2"] + "src": [ + "file:./assets/fonts/inter/inter-variable.woff2" + ] } ], "fontFamily": "\"Inter\", sans-serif", @@ -682,7 +741,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 800", - "src": ["file:./assets/fonts/jost/jost-variable.woff2"] + "src": [ + "file:./assets/fonts/jost/jost-variable.woff2" + ] } ] }, @@ -694,7 +755,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": ["file:./assets/fonts/karla/karla.woff2"] + "src": [ + "file:./assets/fonts/karla/karla.woff2" + ] } ], "fontFamily": "\"Karla\", sans-serif", @@ -709,7 +772,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "400", - "src": ["file:./assets/fonts/koulen/koulen-regular.woff2"] + "src": [ + "file:./assets/fonts/koulen/koulen-regular.woff2" + ] } ], "fontFamily": "\"Koulen\", sans-serif", @@ -724,7 +789,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "200 800", - "src": ["file:./assets/fonts/manrope/manrope.woff2"] + "src": [ + "file:./assets/fonts/manrope/manrope.woff2" + ] } ], "fontFamily": "\"Manrope\", sans-serif", @@ -739,7 +806,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "400", - "src": ["file:./assets/fonts/marcellus/marcellus_wght.woff2"] + "src": [ + "file:./assets/fonts/marcellus/marcellus_wght.woff2" + ] } ], "fontFamily": "'Marcellus', serif", @@ -757,7 +826,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": ["file:./assets/fonts/montserrat/montserrat.woff2"] + "src": [ + "file:./assets/fonts/montserrat/montserrat.woff2" + ] } ] }, @@ -769,7 +840,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 800", - "src": ["file:./assets/fonts/mulish/mulish.woff2"] + "src": [ + "file:./assets/fonts/mulish/mulish.woff2" + ] } ], "fontFamily": "\"Mulish\", sans-serif", @@ -804,7 +877,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "300 700", - "src": ["file:./assets/fonts/oswald/oswald.woff2"] + "src": [ + "file:./assets/fonts/oswald/oswald.woff2" + ] } ] }, @@ -819,7 +894,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "300 700", - "src": ["file:./assets/fonts/radio-canada/radio-canada.woff2"] + "src": [ + "file:./assets/fonts/radio-canada/radio-canada.woff2" + ] } ] }, @@ -831,7 +908,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": ["file:./assets/fonts/roboto-flex/roboto-flex.woff2"] + "src": [ + "file:./assets/fonts/roboto-flex/roboto-flex.woff2" + ] } ], "fontFamily": "\"Roboto Flex\", sans-serif", @@ -849,7 +928,9 @@ "fontWeight": "300 900", "fontStyle": "normal", "fontStretch": "normal", - "src": ["file:./assets/fonts/rubik/rubik.woff2"] + "src": [ + "file:./assets/fonts/rubik/rubik.woff2" + ] } ] }, @@ -878,13 +959,17 @@ "fontFamily": "Space Mono", "fontStyle": "normal", "fontWeight": "400", - "src": ["file:./assets/fonts/space-mono/space-mono-regular.woff2"] + "src": [ + "file:./assets/fonts/space-mono/space-mono-regular.woff2" + ] }, { "fontFamily": "Space Mono", "fontStyle": "normal", "fontWeight": "700", - "src": ["file:./assets/fonts/space-mono/space-mono-bold.woff2"] + "src": [ + "file:./assets/fonts/space-mono/space-mono-bold.woff2" + ] } ] }, @@ -899,7 +984,9 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": ["file:./assets/fonts/hind/hind-variable.woff2"] + "src": [ + "file:./assets/fonts/hind/hind-variable.woff2" + ] } ] } @@ -1290,7 +1377,7 @@ "fontWeight": "400", "lineHeight": "var(--wp--custom--typography--line-height--normal)" }, - "css": ".wp-block-heading { overflow-wrap: break-word; hyphens: auto; text-wrap: balance; } .wp-block-heading:lang(ko), .wp-block-heading:lang(th), .wp-block-heading:lang(lo), .wp-block-heading:lang(my), .wp-block-heading:lang(km), .wp-block-heading:lang(ar), .wp-block-heading:lang(ur) { word-break: keep-all; hyphens: manual; }" + "css": ".wp-block-heading { overflow-wrap: break-word; hyphens: auto; text-wrap: balance; } .wp-block-heading:lang(ko), .wp-block-heading:lang(th), .wp-block-heading:lang(lo), .wp-block-heading:lang(my), .wp-block-heading:lang(km), .wp-block-heading:lang(ar), .wp-block-heading:lang(ur) { word-break: keep-all; hyphens: manual; } @keyframes ext-object-drift { from { transform: translateY(10px); } to { transform: translateY(-10px); } } @media (prefers-reduced-motion: reduce) { @keyframes ext-object-drift { from { transform: none; } to { transform: none; } } }" }, "templateParts": [ { From 3ecfe81a049d814087f44572bcc3f9859bd4fc3c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 18:56:39 +0500 Subject: [PATCH 20/48] =?UTF-8?q?Restore=20theme.json=20formatting=20?= =?UTF-8?q?=E2=80=94=20the=20keyframes=20edit=20had=20reflowed=20the=20fil?= =?UTF-8?q?e?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Writing theme.json back through a JSON serializer reformatted every compact array ("postTypes": ["page", "post"] onto four lines), so a two-at-rule addition arrived as 123 insertions and 36 deletions of pure noise in a shared file. Re-applied as a string edit to the styles.css value alone: one line changed, formatting untouched, render unaffected. --- theme.json | 157 ++++++++++++----------------------------------------- 1 file changed, 35 insertions(+), 122 deletions(-) diff --git a/theme.json b/theme.json index 62c30f6..598149a 100644 --- a/theme.json +++ b/theme.json @@ -5,34 +5,22 @@ { "name": "blank", "title": "Blank", - "postTypes": [ - "page", - "post" - ] + "postTypes": ["page", "post"] }, { "name": "no-title", "title": "No Title", - "postTypes": [ - "page", - "post" - ] + "postTypes": ["page", "post"] }, { "name": "no-title-sticky-header", "title": "No Title Sticky Header", - "postTypes": [ - "page", - "post" - ] + "postTypes": ["page", "post"] }, { "name": "page-with-title", "title": "Page with Title", - "postTypes": [ - "page", - "post" - ] + "postTypes": ["page", "post"] } ], "settings": { @@ -43,66 +31,42 @@ "defaultDuotone": false, "duotone": [ { - "colors": [ - "#000000", - "#ffffff" - ], + "colors": ["#000000", "#ffffff"], "slug": "grayscale", "name": "Grayscale" }, { - "colors": [ - "#ffffff", - "#381d92" - ], + "colors": ["#ffffff", "#381d92"], "slug": "primary", "name": "Primary" }, { - "colors": [ - "#ffffff", - "#1C0A63" - ], + "colors": ["#ffffff", "#1C0A63"], "slug": "secondary", "name": "Secondary" }, { - "colors": [ - "#381d92", - "#1C0A63" - ], + "colors": ["#381d92", "#1C0A63"], "slug": "primary-secondary", "name": "Primary and Secondary" }, { - "colors": [ - "#0B0620", - "#381d92" - ], + "colors": ["#0B0620", "#381d92"], "slug": "foreground-primary", "name": "Foreground and Primary" }, { - "colors": [ - "#0B0620", - "#1C0A63" - ], + "colors": ["#0B0620", "#1C0A63"], "slug": "foreground-secondary", "name": "Foreground and Secondary" }, { - "colors": [ - "#381d92", - "#0B0620" - ], + "colors": ["#381d92", "#0B0620"], "slug": "primary-foreground", "name": "Primary and Foreground" }, { - "colors": [ - "#ffffff", - "#F2F2FA" - ], + "colors": ["#ffffff", "#F2F2FA"], "slug": "background-tertiary", "name": "Background and Background Alt" } @@ -478,14 +442,7 @@ "size": "calc(clamp(4rem, 15vw, 7rem) * var(--wp--custom--space-scale, 1))" } ], - "units": [ - "%", - "px", - "em", - "rem", - "vh", - "vw" - ] + "units": ["%", "px", "em", "rem", "vh", "vw"] }, "typography": { "defaultFontSizes": false, @@ -499,9 +456,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": [ - "file:./assets/fonts/archivo/archivo_wght.woff2" - ] + "src": ["file:./assets/fonts/archivo/archivo_wght.woff2"] } ], "fontFamily": "\"Archivo\", sans-serif", @@ -516,9 +471,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "400", - "src": [ - "file:./assets/fonts/arsenal/arsenal-regular.woff2" - ] + "src": ["file:./assets/fonts/arsenal/arsenal-regular.woff2"] }, { "fontDisplay": "block", @@ -526,9 +479,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "700", - "src": [ - "file:./assets/fonts/arsenal/arsenal-bold.woff2" - ] + "src": ["file:./assets/fonts/arsenal/arsenal-bold.woff2"] } ], "fontFamily": "\"Arsenal\", serif", @@ -563,9 +514,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "300 900", - "src": [ - "file:./assets/fonts/geom/geom-variable.woff2" - ] + "src": ["file:./assets/fonts/geom/geom-variable.woff2"] } ] }, @@ -577,9 +526,7 @@ "fontWeight": "400", "fontStyle": "normal", "fontStretch": "normal", - "src": [ - "file:./assets/fonts/gotu/gotu-regular.woff2" - ] + "src": ["file:./assets/fonts/gotu/gotu-regular.woff2"] } ], "fontFamily": "\"Gotu\", sans-serif", @@ -594,9 +541,7 @@ "fontWeight": "100 900", "fontStyle": "normal", "fontStretch": "normal", - "src": [ - "file:./assets/fonts/heebo/heebo-variable-wght.woff2" - ] + "src": ["file:./assets/fonts/heebo/heebo-variable-wght.woff2"] } ], "fontFamily": "\"Heebo\", sans-serif", @@ -614,9 +559,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": [ - "file:./assets/fonts/hind/hind-variable.woff2" - ] + "src": ["file:./assets/fonts/hind/hind-variable.woff2"] } ] }, @@ -721,9 +664,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "200 900", - "src": [ - "file:./assets/fonts/inter/inter-variable.woff2" - ] + "src": ["file:./assets/fonts/inter/inter-variable.woff2"] } ], "fontFamily": "\"Inter\", sans-serif", @@ -741,9 +682,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 800", - "src": [ - "file:./assets/fonts/jost/jost-variable.woff2" - ] + "src": ["file:./assets/fonts/jost/jost-variable.woff2"] } ] }, @@ -755,9 +694,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": [ - "file:./assets/fonts/karla/karla.woff2" - ] + "src": ["file:./assets/fonts/karla/karla.woff2"] } ], "fontFamily": "\"Karla\", sans-serif", @@ -772,9 +709,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "400", - "src": [ - "file:./assets/fonts/koulen/koulen-regular.woff2" - ] + "src": ["file:./assets/fonts/koulen/koulen-regular.woff2"] } ], "fontFamily": "\"Koulen\", sans-serif", @@ -789,9 +724,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "200 800", - "src": [ - "file:./assets/fonts/manrope/manrope.woff2" - ] + "src": ["file:./assets/fonts/manrope/manrope.woff2"] } ], "fontFamily": "\"Manrope\", sans-serif", @@ -806,9 +739,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "400", - "src": [ - "file:./assets/fonts/marcellus/marcellus_wght.woff2" - ] + "src": ["file:./assets/fonts/marcellus/marcellus_wght.woff2"] } ], "fontFamily": "'Marcellus', serif", @@ -826,9 +757,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": [ - "file:./assets/fonts/montserrat/montserrat.woff2" - ] + "src": ["file:./assets/fonts/montserrat/montserrat.woff2"] } ] }, @@ -840,9 +769,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 800", - "src": [ - "file:./assets/fonts/mulish/mulish.woff2" - ] + "src": ["file:./assets/fonts/mulish/mulish.woff2"] } ], "fontFamily": "\"Mulish\", sans-serif", @@ -877,9 +804,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "300 700", - "src": [ - "file:./assets/fonts/oswald/oswald.woff2" - ] + "src": ["file:./assets/fonts/oswald/oswald.woff2"] } ] }, @@ -894,9 +819,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "300 700", - "src": [ - "file:./assets/fonts/radio-canada/radio-canada.woff2" - ] + "src": ["file:./assets/fonts/radio-canada/radio-canada.woff2"] } ] }, @@ -908,9 +831,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": [ - "file:./assets/fonts/roboto-flex/roboto-flex.woff2" - ] + "src": ["file:./assets/fonts/roboto-flex/roboto-flex.woff2"] } ], "fontFamily": "\"Roboto Flex\", sans-serif", @@ -928,9 +849,7 @@ "fontWeight": "300 900", "fontStyle": "normal", "fontStretch": "normal", - "src": [ - "file:./assets/fonts/rubik/rubik.woff2" - ] + "src": ["file:./assets/fonts/rubik/rubik.woff2"] } ] }, @@ -959,17 +878,13 @@ "fontFamily": "Space Mono", "fontStyle": "normal", "fontWeight": "400", - "src": [ - "file:./assets/fonts/space-mono/space-mono-regular.woff2" - ] + "src": ["file:./assets/fonts/space-mono/space-mono-regular.woff2"] }, { "fontFamily": "Space Mono", "fontStyle": "normal", "fontWeight": "700", - "src": [ - "file:./assets/fonts/space-mono/space-mono-bold.woff2" - ] + "src": ["file:./assets/fonts/space-mono/space-mono-bold.woff2"] } ] }, @@ -984,9 +899,7 @@ "fontStretch": "normal", "fontStyle": "normal", "fontWeight": "100 900", - "src": [ - "file:./assets/fonts/hind/hind-variable.woff2" - ] + "src": ["file:./assets/fonts/hind/hind-variable.woff2"] } ] } From 305e389cba6d63ba97d2854217c1069172de1999 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 19:03:30 +0500 Subject: [PATCH 21/48] Playdate: the tinted band keeps both scalloped edges MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Objects occupy ::before only on the paper band, but the divider was suppressing ::before on both band classes — so a tinted band gave up its top scallop to nothing, leaving a hard flat join wherever a tinted band followed a paper one. The yield is now conditional on the class that actually uses the pseudo-element. Regenerated from Lattice. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index d52f761..4a9643c 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color > * { position: relative; z-index: 1; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color > * { position: relative; z-index: 1; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } From da804fd467b02b75c5545d0e99be448c28d9152c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 19:12:03 +0500 Subject: [PATCH 22/48] Playdate: the first band carries no background objects MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Objects ride the paper band, so they landed on the very first band of a page — directly under the header, where a floating shape reads as a mistake rather than decoration. Skipped with :not(:first-child), which is the restraint wave-1 gets for free by only ever decorating a tinted band. Regenerated from Lattice. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index 4a9643c..7668698 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; } &.has-background-background-color > * { position: relative; z-index: 1; } &.has-background-background-color::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } From 6adb7f308fed70f7ee67a70ecef4d54fdfab6a79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 19:22:56 +0500 Subject: [PATCH 23/48] Playdate: the scalloped edge covers both tint carriers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A band gets tinted two ways. templates-resource-server's inversePattern trades has-background-background-color for has-tertiary-background-color, which is what a two-ground cycle gets. From the third ground on there is no stock slug left, so a band is stamped ext-tint-k with a structured token fill and the slug class is deleted — so a tertiary-only rule would leave every 3/4-ground vibe with flat joins. All four carriers now take both scalloped edges. The paper band still yields its top edge to the background objects. Regenerated from Lattice. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index 7668698..3e4ca40 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } From 0a445adba622532e38102cded48ca86d715885c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 19:33:42 +0500 Subject: [PATCH 24/48] Playdate: only a tinted band reserves room for its scalloped strips MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit margin-block was on every band, but a paper band's strip is its own colour over a paper page and can never be seen — so the margin opened a dead gap below every paper band. Strips and margin now go only on a tinted band; the paper band keeps position and the horizontal clip for the objects layer. Regenerated from Lattice. --- styles/block-presets/group/playdate-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index 3e4ca40..c78156e 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-background-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } From 4d3b69d3cf3be0954dae03cedc6e0395f30f0786 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 19:41:34 +0500 Subject: [PATCH 25/48] =?UTF-8?q?Playdate:=20distinct=20card=20tints=20?= =?UTF-8?q?=E2=80=94=20the=20first=20was=20identical=20to=20the=20wash?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit wash and cards[0] were both #FBDCC4, so a card on a wash band vanished into it. First card is a deeper peach (#F8C9A9) and the third swaps pale pink for pale periwinkle (#DCE4F7), which also gives the ladder a cool rung — the reference has blue objects and the palette had nothing cool in it. Contrast re-run and a11y clean on all three. Regenerated from Lattice. --- .../block-presets/group/playdate-1/footer-1/preset.json | 2 +- .../block-presets/group/playdate-1/header-1/preset.json | 2 +- styles/block-presets/group/playdate-1/section/preset.json | 2 +- .../block-presets/group/playdate-1/template/preset.json | 2 +- styles/colors/playdate-palette.json | 8 ++++---- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/styles/block-presets/group/playdate-1/footer-1/preset.json b/styles/block-presets/group/playdate-1/footer-1/preset.json index 0ddc507..4be5c84 100644 --- a/styles/block-presets/group/playdate-1/footer-1/preset.json +++ b/styles/block-presets/group/playdate-1/footer-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/playdate-1/header-1/preset.json b/styles/block-presets/group/playdate-1/header-1/preset.json index a8a53d4..c3f3d03 100644 --- a/styles/block-presets/group/playdate-1/header-1/preset.json +++ b/styles/block-presets/group/playdate-1/header-1/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index c78156e..93969d1 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } diff --git a/styles/block-presets/group/playdate-1/template/preset.json b/styles/block-presets/group/playdate-1/template/preset.json index 8bff08a..bd283f5 100644 --- a/styles/block-presets/group/playdate-1/template/preset.json +++ b/styles/block-presets/group/playdate-1/template/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.has-tertiary-background-color .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" } } diff --git a/styles/colors/playdate-palette.json b/styles/colors/playdate-palette.json index 8814b9f..64a018a 100644 --- a/styles/colors/playdate-palette.json +++ b/styles/colors/playdate-palette.json @@ -111,11 +111,11 @@ "icon-surface": "#F5E9DF", "icon-ink": "#1B3A8C", "background-sunken": "#FBDCC4", - "background-tint-1": "#FBDCC4", + "background-tint-1": "#F8C9A9", "background-tint-2": "#FCE8D6", - "background-tint-3": "#F7E3E9", - "background-tint-1-ink": "#1B3A8C", - "background-tint-1-weak": "#1B3A8C", + "background-tint-3": "#DCE4F7", + "background-tint-1-ink": "#051C6D", + "background-tint-1-weak": "#051C6D", "background-tint-2-ink": "#1B3A8C", "background-tint-2-weak": "#1B3A8C", "background-tint-3-ink": "#1B3A8C", From 53fccb64208bb341f8509017a3bdc0d7603abe75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 19:51:40 +0500 Subject: [PATCH 26/48] Playdate: navy accent and a lighter first card tint MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit accent becomes the navy ink, so chips and derived tint accents build off the brand rather than a second hue. Card 1 moves to #FAD3B7 — lighter than before, still a clear step darker than the #FBDCC4 wash. Contrast re-run and a11y clean. Regenerated from Lattice. --- styles/colors/playdate-palette.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/styles/colors/playdate-palette.json b/styles/colors/playdate-palette.json index 64a018a..957ef62 100644 --- a/styles/colors/playdate-palette.json +++ b/styles/colors/playdate-palette.json @@ -111,13 +111,13 @@ "icon-surface": "#F5E9DF", "icon-ink": "#1B3A8C", "background-sunken": "#FBDCC4", - "background-tint-1": "#F8C9A9", - "background-tint-2": "#FCE8D6", + "background-tint-1": "#FAD3B7", + "background-tint-2": "#FFC0A9", "background-tint-3": "#DCE4F7", - "background-tint-1-ink": "#051C6D", - "background-tint-1-weak": "#051C6D", - "background-tint-2-ink": "#1B3A8C", - "background-tint-2-weak": "#1B3A8C", + "background-tint-1-ink": "#112E7F", + "background-tint-1-weak": "#112E7F", + "background-tint-2-ink": "#01055A", + "background-tint-2-weak": "#01055A", "background-tint-3-ink": "#1B3A8C", "background-tint-3-weak": "#1B3A8C" }, From c4184d2aa240a8cc2c18ce80430e7676db631ee7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 20:01:19 +0500 Subject: [PATCH 27/48] Playdate's card tints become one family All three card grounds now sit at OKLCH L 0.885 / C 0.055 with hue alone distinguishing them (peach 55, blush 10, periwinkle 262). Previously lightness and chroma both drifted: one card was darkest and most saturated, another sat lighter than the wash beneath it. Navy ink contrast spread across the three falls from 1.54 to 0.15. --- styles/colors/playdate-palette.json | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/styles/colors/playdate-palette.json b/styles/colors/playdate-palette.json index 957ef62..bc38f80 100644 --- a/styles/colors/playdate-palette.json +++ b/styles/colors/playdate-palette.json @@ -111,15 +111,15 @@ "icon-surface": "#F5E9DF", "icon-ink": "#1B3A8C", "background-sunken": "#FBDCC4", - "background-tint-1": "#FAD3B7", - "background-tint-2": "#FFC0A9", - "background-tint-3": "#DCE4F7", - "background-tint-1-ink": "#112E7F", - "background-tint-1-weak": "#112E7F", - "background-tint-2-ink": "#01055A", - "background-tint-2-weak": "#01055A", - "background-tint-3-ink": "#1B3A8C", - "background-tint-3-weak": "#1B3A8C" + "background-tint-1": "#F7D0B7", + "background-tint-2": "#FBCBD1", + "background-tint-3": "#C6DAFE", + "background-tint-1-ink": "#0D2879", + "background-tint-1-weak": "#0D2879", + "background-tint-2-ink": "#0D2879", + "background-tint-2-weak": "#0D2879", + "background-tint-3-ink": "#0D2879", + "background-tint-3-weak": "#0D2879" }, "elements": { "button": { From 3ba114e8f203bf8e13a2bccecaa423eb11c00888 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 20:26:41 +0500 Subject: [PATCH 28/48] Card alignment: a centering vibe centers the mark, not just the copy MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - the card's mark centers (a block-level box needs inline margins; text-align cannot move it), and social icons get the flex axis they actually answer to - the icon-ROW card stays start-aligned — its mark sits beside a copy column - the icon-row's mark slot no longer shrinks (flex-shrink:0; WP's child-layout support exposes flex-basis and flex-grow, never flex-shrink) - a quote card's attribution stays start-aligned playdate-1 also takes its own typography partial with a serif display (Source Serif Pro over Manrope), replacing the borrowed modern-saas pairing. --- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- .../group/playdate-1/section/preset.json | 2 +- .../item-card-1/align-center/preset.json | 2 +- .../item-card-1/align-start/preset.json | 2 +- styles/typography/modern-saas-typography.json | 31 ----------------- styles/typography/playdate-typography.json | 34 +++++++++++++++++++ 11 files changed, 43 insertions(+), 40 deletions(-) delete mode 100644 styles/typography/modern-saas-typography.json create mode 100644 styles/typography/playdate-typography.json diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index a62fe53..7c2d22c 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json index 2a74c08..266ee1e 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } 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 b49394d..6c24597 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 @@ -7,7 +7,7 @@ "core/group" ], "styles": { - "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; }", + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; }", "blocks": { "core/heading": { "typography": { 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 b20bb6e..06d7a83 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 @@ -7,7 +7,7 @@ "core/group" ], "styles": { - "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: var(--wp--preset--spacing--30); } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; }", + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: var(--wp--preset--spacing--30); } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; }", "blocks": { "core/heading": { "typography": { diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json index 7319824..bd8bb03 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json @@ -50,6 +50,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json index 8c4d7d6..2f9506b 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json @@ -50,6 +50,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index 93969d1..ad2c9ee 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-body.is-layout-flex { text-align: start; } & .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-attribution { text-align: start; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index 01bae6f..ba1153d 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json index e1fbeb1..198f6f3 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -45,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } diff --git a/styles/typography/modern-saas-typography.json b/styles/typography/modern-saas-typography.json deleted file mode 100644 index 76afe43..0000000 --- a/styles/typography/modern-saas-typography.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Modern Saas · Inter", - "slug": "ext-modern-saas", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "fontWeight": "700" - } - }, - "h1": { - "typography": { - "fontWeight": "700", - "letterSpacing": "-0.02em" - } - }, - "h2": { - "typography": { - "fontWeight": "700", - "letterSpacing": "-0.02em" - } - } - } - } -} diff --git a/styles/typography/playdate-typography.json b/styles/typography/playdate-typography.json new file mode 100644 index 0000000..c648f9c --- /dev/null +++ b/styles/typography/playdate-typography.json @@ -0,0 +1,34 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Playdate · Source Serif Pro / Manrope", + "slug": "ext-playdate", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", + "lineHeight": "1.6" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif", + "fontWeight": "700" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "0em", + "lineHeight": "1.15" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "0em", + "lineHeight": "1.15" + } + } + } + } +} From 074305c96ca71536b05a650e4bda2d8f481fbdfb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 20:35:06 +0500 Subject: [PATCH 29/48] Card centering applies to stacked cards only MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit icon-row, icon-corner, media-left and media-right keep their default alignment under a centering vibe — a centered copy column beside a mark reads as a mistake. Emitted as exclusions, so an exempt body carries no text-align declaration and still inherits. Also moves the mark-centering rule onto the band preset: the centered item-card preset is referenced by no pattern, so a rule placed there never fired. --- .../group/linen-1/item-card-1/align-center/preset.json | 2 +- .../group/natural-1/item-card-1/align-center/preset.json | 2 +- .../group/playdate-1/item-card-1/align-center/preset.json | 2 +- .../group/playdate-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/playdate-1/section/preset.json | 2 +- .../group/retro-1/item-card-1/align-center/preset.json | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index 7c2d22c..328455f 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } 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 6c24597..e6687d8 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 @@ -7,7 +7,7 @@ "core/group" ], "styles": { - "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; }", + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; }", "blocks": { "core/heading": { "typography": { diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json index bd8bb03..4da6994 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json @@ -50,6 +50,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json index 2f9506b..2d4d249 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json @@ -50,6 +50,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index ad2c9ee..dbbd6db 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card-body { text-align: center; } & .ext-card-body.is-layout-flex { text-align: start; } & .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } & .ext-card-footer { align-self: stretch; } & .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-attribution { text-align: start; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-attribution { text-align: start; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index ba1153d..a53db9e 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -47,6 +47,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } From bf8f3ea335d9450929c3cdc7d58c9d2bb75efc61 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 20:43:14 +0500 Subject: [PATCH 30/48] Card alignment moves off the leaves onto the card preset's own css The structured blocks style centered .wp-block-heading and p directly, so it beat any container-level exclusion and centered the icon-row card too. Alignment is now raw css on the item-card preset, where the variant class is the element itself: icon-row, icon-corner, media-left and media-right carry no text-align at all. --- .../group/linen-1/item-card-1/align-center/preset.json | 8 +++----- .../group/natural-1/item-card-1/align-center/preset.json | 8 +++----- .../group/playdate-1/item-card-1/align-center/preset.json | 8 +++----- .../group/playdate-1/item-card-1/align-start/preset.json | 8 +++----- styles/block-presets/group/playdate-1/section/preset.json | 2 +- .../group/retro-1/item-card-1/align-center/preset.json | 8 +++----- 6 files changed, 16 insertions(+), 26 deletions(-) diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index 328455f..3898d25 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -26,8 +26,7 @@ }, "core/heading": { "typography": { - "fontSize": "1.5rem", - "textAlign": "center" + "fontSize": "1.5rem" }, "spacing": { "margin": { @@ -37,8 +36,7 @@ }, "core/paragraph": { "typography": { - "fontSize": "var:preset|font-size|small", - "textAlign": "center" + "fontSize": "var:preset|font-size|small" }, "spacing": { "margin": { @@ -47,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } 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 e6687d8..54ae351 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 @@ -7,12 +7,11 @@ "core/group" ], "styles": { - "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; }", + "css": "& :where(.ext-card-body:not(.is-layout-flex) .wp-block-group) { margin-top: 16px; } & :where(.ext-card-body.is-layout-flex > .wp-block-group) { margin-top: 0; } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; }", "blocks": { "core/heading": { "typography": { - "fontSize": "1.5rem", - "textAlign": "center" + "fontSize": "1.5rem" }, "spacing": { "margin": { @@ -22,8 +21,7 @@ }, "core/paragraph": { "typography": { - "fontSize": "var:preset|font-size|small", - "textAlign": "center" + "fontSize": "var:preset|font-size|small" }, "spacing": { "margin": { diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json index 4da6994..b5ca349 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json @@ -29,8 +29,7 @@ }, "core/heading": { "typography": { - "fontSize": "1.5rem", - "textAlign": "center" + "fontSize": "1.5rem" }, "spacing": { "margin": { @@ -40,8 +39,7 @@ }, "core/paragraph": { "typography": { - "fontSize": "var:preset|font-size|small", - "textAlign": "center" + "fontSize": "var:preset|font-size|small" }, "spacing": { "margin": { @@ -50,6 +48,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json index 2d4d249..4c90b8e 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json @@ -29,8 +29,7 @@ }, "core/heading": { "typography": { - "fontSize": "1.5rem", - "textAlign": "center" + "fontSize": "1.5rem" }, "spacing": { "margin": { @@ -40,8 +39,7 @@ }, "core/paragraph": { "typography": { - "fontSize": "var:preset|font-size|small", - "textAlign": "center" + "fontSize": "var:preset|font-size|small" }, "spacing": { "margin": { @@ -50,6 +48,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/playdate-1/section/preset.json index dbbd6db..710a6fb 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/playdate-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } & .ext-card:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } & .ext-attribution { text-align: start; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" } } diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index a53db9e..d879ba8 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -26,8 +26,7 @@ }, "core/heading": { "typography": { - "fontSize": "1.5rem", - "textAlign": "center" + "fontSize": "1.5rem" }, "spacing": { "margin": { @@ -37,8 +36,7 @@ }, "core/paragraph": { "typography": { - "fontSize": "var:preset|font-size|small", - "textAlign": "center" + "fontSize": "var:preset|font-size|small" }, "spacing": { "margin": { @@ -47,6 +45,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(2n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(2n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); }" } } From f6587a367cc066eaa4771e4d44daea0b40d3d296 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 20:51:18 +0500 Subject: [PATCH 31/48] playdate-1 keeps a full radius on every image position MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Opts out of the content-aware corner squaring: every position keeps 32px rather than flattening the pair facing the copy. Affects the image-1/content-* presets, which no pattern references yet — the visible radius already comes from the item-card and media-text presets, both uniform. This keeps the dormant slots consistent with them. --- .../image/playdate-1/image-1/content-bottom/preset.json | 7 +------ .../image/playdate-1/image-1/content-left/preset.json | 7 +------ .../image/playdate-1/image-1/content-right/preset.json | 7 +------ .../image/playdate-1/image-1/content-top/preset.json | 7 +------ 4 files changed, 4 insertions(+), 24 deletions(-) diff --git a/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json b/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json index 8c41269..df96de7 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json @@ -9,12 +9,7 @@ ], "styles": { "border": { - "radius": { - "topLeft": "32px", - "topRight": "32px", - "bottomRight": "0", - "bottomLeft": "0" - } + "radius": "32px" } } } diff --git a/styles/block-presets/image/playdate-1/image-1/content-left/preset.json b/styles/block-presets/image/playdate-1/image-1/content-left/preset.json index 7e499f3..6210c45 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/playdate-1/image-1/content-left/preset.json @@ -9,12 +9,7 @@ ], "styles": { "border": { - "radius": { - "topLeft": "0", - "topRight": "32px", - "bottomRight": "32px", - "bottomLeft": "0" - } + "radius": "32px" } } } diff --git a/styles/block-presets/image/playdate-1/image-1/content-right/preset.json b/styles/block-presets/image/playdate-1/image-1/content-right/preset.json index 914ad97..54c8c03 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/playdate-1/image-1/content-right/preset.json @@ -9,12 +9,7 @@ ], "styles": { "border": { - "radius": { - "topLeft": "32px", - "topRight": "0", - "bottomRight": "0", - "bottomLeft": "32px" - } + "radius": "32px" } } } diff --git a/styles/block-presets/image/playdate-1/image-1/content-top/preset.json b/styles/block-presets/image/playdate-1/image-1/content-top/preset.json index e13f5fc..c4f41cc 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/playdate-1/image-1/content-top/preset.json @@ -9,12 +9,7 @@ ], "styles": { "border": { - "radius": { - "topLeft": "0", - "topRight": "0", - "bottomRight": "32px", - "bottomLeft": "32px" - } + "radius": "32px" } } } From a11fc0c74a2dccb6df1ab8d0f794a62cf82430dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 21:04:39 +0500 Subject: [PATCH 32/48] playdate-1 becomes marzipan-1 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Renames the vibe: its old name locked a deliberately general-purpose style to childcare. marzipan joins the material register the other partials use (linen, umber) and carries the warmth without naming a colour. Adds the marzipan-1 partials and removes the 53 orphaned playdate-1 files — the port's prune could not reach them, since a renamed vibe leaves the globals manifest entirely and so reads as unknown rather than unmarked. No visual change: the presets are byte-identical, only the slug moved. --- .../button/{playdate-1 => marzipan-1}/button-1/preset.json | 4 ++-- .../{playdate-1 => marzipan-1}/cover-overlay-1/preset.json | 4 ++-- .../{playdate-1/template => marzipan-1/footer-1}/preset.json | 4 ++-- .../{playdate-1/footer-1 => marzipan-1/header-1}/preset.json | 4 ++-- .../item-card-1/align-center/preset.json | 4 ++-- .../item-card-1/align-start/preset.json | 4 ++-- .../group/{playdate-1 => marzipan-1}/panel-1/preset.json | 4 ++-- .../{playdate-1 => marzipan-1}/section-intro-1/preset.json | 4 ++-- .../group/{playdate-1 => marzipan-1}/section/preset.json | 4 ++-- .../{playdate-1/header-1 => marzipan-1/template}/preset.json | 4 ++-- .../image/{playdate-1 => marzipan-1}/gallery-1/preset.json | 4 ++-- .../image/{playdate-1 => marzipan-1}/icon-1/preset.json | 4 ++-- .../image/{playdate-1 => marzipan-1}/icon-small-1/preset.json | 4 ++-- .../image-1/content-any}/preset.json | 4 ++-- .../image-1/content-bottom/preset.json | 4 ++-- .../image-1/content-left/preset.json | 4 ++-- .../image-1/content-right/preset.json | 4 ++-- .../image-1/content-top}/preset.json | 4 ++-- .../media-text/{playdate-1 => marzipan-1}/card-1/preset.json | 4 ++-- .../{playdate-1 => marzipan-1}/tagline-1/preset.json | 4 ++-- .../{playdate-1 => marzipan-1}/social-1/preset.json | 4 ++-- .../colors/{playdate-palette.json => marzipan-palette.json} | 4 ++-- .../{playdate-typography.json => marzipan-typography.json} | 4 ++-- 23 files changed, 46 insertions(+), 46 deletions(-) rename styles/block-presets/button/{playdate-1 => marzipan-1}/button-1/preset.json (74%) rename styles/block-presets/cover/{playdate-1 => marzipan-1}/cover-overlay-1/preset.json (82%) rename styles/block-presets/group/{playdate-1/template => marzipan-1/footer-1}/preset.json (98%) rename styles/block-presets/group/{playdate-1/footer-1 => marzipan-1/header-1}/preset.json (98%) rename styles/block-presets/group/{playdate-1 => marzipan-1}/item-card-1/align-center/preset.json (98%) rename styles/block-presets/group/{playdate-1 => marzipan-1}/item-card-1/align-start/preset.json (98%) rename styles/block-presets/group/{playdate-1 => marzipan-1}/panel-1/preset.json (76%) rename styles/block-presets/group/{playdate-1 => marzipan-1}/section-intro-1/preset.json (90%) rename styles/block-presets/group/{playdate-1 => marzipan-1}/section/preset.json (99%) rename styles/block-presets/group/{playdate-1/header-1 => marzipan-1/template}/preset.json (98%) rename styles/block-presets/image/{playdate-1 => marzipan-1}/gallery-1/preset.json (65%) rename styles/block-presets/image/{playdate-1 => marzipan-1}/icon-1/preset.json (60%) rename styles/block-presets/image/{playdate-1 => marzipan-1}/icon-small-1/preset.json (57%) rename styles/block-presets/image/{playdate-1/image-1/content-top => marzipan-1/image-1/content-any}/preset.json (62%) rename styles/block-presets/image/{playdate-1 => marzipan-1}/image-1/content-bottom/preset.json (62%) rename styles/block-presets/image/{playdate-1 => marzipan-1}/image-1/content-left/preset.json (62%) rename styles/block-presets/image/{playdate-1 => marzipan-1}/image-1/content-right/preset.json (62%) rename styles/block-presets/image/{playdate-1/image-1/content-any => marzipan-1/image-1/content-top}/preset.json (62%) rename styles/block-presets/media-text/{playdate-1 => marzipan-1}/card-1/preset.json (97%) rename styles/block-presets/paragraph/{playdate-1 => marzipan-1}/tagline-1/preset.json (72%) rename styles/block-presets/social-links/{playdate-1 => marzipan-1}/social-1/preset.json (74%) rename styles/colors/{playdate-palette.json => marzipan-palette.json} (98%) rename styles/typography/{playdate-typography.json => marzipan-typography.json} (89%) diff --git a/styles/block-presets/button/playdate-1/button-1/preset.json b/styles/block-presets/button/marzipan-1/button-1/preset.json similarity index 74% rename from styles/block-presets/button/playdate-1/button-1/preset.json rename to styles/block-presets/button/marzipan-1/button-1/preset.json index 2f1f2f1..3143750 100644 --- a/styles/block-presets/button/playdate-1/button-1/preset.json +++ b/styles/block-presets/button/marzipan-1/button-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Button 1", - "slug": "ext-preset--button--playdate-1--button-1", + "title": "Marzipan 1 Button 1", + "slug": "ext-preset--button--marzipan-1--button-1", "blockTypes": [ "core/button", "woocommerce/product-button" diff --git a/styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json similarity index 82% rename from styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json rename to styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json index 56a3edb..498c4fc 100644 --- a/styles/block-presets/cover/playdate-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Overlay 1", - "slug": "ext-preset--cover--playdate-1--cover-overlay-1", + "title": "Marzipan 1 Overlay 1", + "slug": "ext-preset--cover--marzipan-1--cover-overlay-1", "blockTypes": [ "core/cover" ], diff --git a/styles/block-presets/group/playdate-1/template/preset.json b/styles/block-presets/group/marzipan-1/footer-1/preset.json similarity index 98% rename from styles/block-presets/group/playdate-1/template/preset.json rename to styles/block-presets/group/marzipan-1/footer-1/preset.json index bd283f5..bdd4c4d 100644 --- a/styles/block-presets/group/playdate-1/template/preset.json +++ b/styles/block-presets/group/marzipan-1/footer-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Template", - "slug": "ext-preset--group--playdate-1--template", + "title": "Marzipan 1 Footer 1", + "slug": "ext-preset--group--marzipan-1--footer-1", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/footer-1/preset.json b/styles/block-presets/group/marzipan-1/header-1/preset.json similarity index 98% rename from styles/block-presets/group/playdate-1/footer-1/preset.json rename to styles/block-presets/group/marzipan-1/header-1/preset.json index 4be5c84..b15156b 100644 --- a/styles/block-presets/group/playdate-1/footer-1/preset.json +++ b/styles/block-presets/group/marzipan-1/header-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Footer 1", - "slug": "ext-preset--group--playdate-1--footer-1", + "title": "Marzipan 1 Header 1", + "slug": "ext-preset--group--marzipan-1--header-1", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json similarity index 98% rename from styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json rename to styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json index b5ca349..3743c2c 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Item Card 1 Align Center", - "slug": "ext-preset--group--playdate-1--item-card-1--align-center", + "title": "Marzipan 1 Item Card 1 Align Center", + "slug": "ext-preset--group--marzipan-1--item-card-1--align-center", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json similarity index 98% rename from styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json rename to styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json index 4c90b8e..74bcc11 100644 --- a/styles/block-presets/group/playdate-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Item Card 1 Align Start", - "slug": "ext-preset--group--playdate-1--item-card-1--align-start", + "title": "Marzipan 1 Item Card 1 Align Start", + "slug": "ext-preset--group--marzipan-1--item-card-1--align-start", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/panel-1/preset.json b/styles/block-presets/group/marzipan-1/panel-1/preset.json similarity index 76% rename from styles/block-presets/group/playdate-1/panel-1/preset.json rename to styles/block-presets/group/marzipan-1/panel-1/preset.json index 61b8e0d..7d199df 100644 --- a/styles/block-presets/group/playdate-1/panel-1/preset.json +++ b/styles/block-presets/group/marzipan-1/panel-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Panel 1", - "slug": "ext-preset--group--playdate-1--panel-1", + "title": "Marzipan 1 Panel 1", + "slug": "ext-preset--group--marzipan-1--panel-1", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/section-intro-1/preset.json b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json similarity index 90% rename from styles/block-presets/group/playdate-1/section-intro-1/preset.json rename to styles/block-presets/group/marzipan-1/section-intro-1/preset.json index 7bcffb1..2f6c6ec 100644 --- a/styles/block-presets/group/playdate-1/section-intro-1/preset.json +++ b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Section Intro 1", - "slug": "ext-preset--group--playdate-1--section-intro-1", + "title": "Marzipan 1 Section Intro 1", + "slug": "ext-preset--group--marzipan-1--section-intro-1", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/section/preset.json b/styles/block-presets/group/marzipan-1/section/preset.json similarity index 99% rename from styles/block-presets/group/playdate-1/section/preset.json rename to styles/block-presets/group/marzipan-1/section/preset.json index 710a6fb..bf1f1dd 100644 --- a/styles/block-presets/group/playdate-1/section/preset.json +++ b/styles/block-presets/group/marzipan-1/section/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Section", - "slug": "ext-preset--group--playdate-1--section", + "title": "Marzipan 1 Section", + "slug": "ext-preset--group--marzipan-1--section", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/group/playdate-1/header-1/preset.json b/styles/block-presets/group/marzipan-1/template/preset.json similarity index 98% rename from styles/block-presets/group/playdate-1/header-1/preset.json rename to styles/block-presets/group/marzipan-1/template/preset.json index c3f3d03..f8972f1 100644 --- a/styles/block-presets/group/playdate-1/header-1/preset.json +++ b/styles/block-presets/group/marzipan-1/template/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Header 1", - "slug": "ext-preset--group--playdate-1--header-1", + "title": "Marzipan 1 Template", + "slug": "ext-preset--group--marzipan-1--template", "blockTypes": [ "core/group" ], diff --git a/styles/block-presets/image/playdate-1/gallery-1/preset.json b/styles/block-presets/image/marzipan-1/gallery-1/preset.json similarity index 65% rename from styles/block-presets/image/playdate-1/gallery-1/preset.json rename to styles/block-presets/image/marzipan-1/gallery-1/preset.json index f9669fb..192a0d7 100644 --- a/styles/block-presets/image/playdate-1/gallery-1/preset.json +++ b/styles/block-presets/image/marzipan-1/gallery-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Gallery 1", - "slug": "ext-preset--image--playdate-1--gallery-1", + "title": "Marzipan 1 Gallery 1", + "slug": "ext-preset--image--marzipan-1--gallery-1", "blockTypes": [ "core/image" ], diff --git a/styles/block-presets/image/playdate-1/icon-1/preset.json b/styles/block-presets/image/marzipan-1/icon-1/preset.json similarity index 60% rename from styles/block-presets/image/playdate-1/icon-1/preset.json rename to styles/block-presets/image/marzipan-1/icon-1/preset.json index 60c91dd..80400ac 100644 --- a/styles/block-presets/image/playdate-1/icon-1/preset.json +++ b/styles/block-presets/image/marzipan-1/icon-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Icon 1", - "slug": "ext-preset--image--playdate-1--icon-1", + "title": "Marzipan 1 Icon 1", + "slug": "ext-preset--image--marzipan-1--icon-1", "blockTypes": [ "core/image" ], diff --git a/styles/block-presets/image/playdate-1/icon-small-1/preset.json b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json similarity index 57% rename from styles/block-presets/image/playdate-1/icon-small-1/preset.json rename to styles/block-presets/image/marzipan-1/icon-small-1/preset.json index 189deab..6e69b2e 100644 --- a/styles/block-presets/image/playdate-1/icon-small-1/preset.json +++ b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Icon Small 1", - "slug": "ext-preset--image--playdate-1--icon-small-1", + "title": "Marzipan 1 Icon Small 1", + "slug": "ext-preset--image--marzipan-1--icon-small-1", "blockTypes": [ "core/image" ], diff --git a/styles/block-presets/image/playdate-1/image-1/content-top/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json similarity index 62% rename from styles/block-presets/image/playdate-1/image-1/content-top/preset.json rename to styles/block-presets/image/marzipan-1/image-1/content-any/preset.json index c4f41cc..276684b 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Image 1 Content Top", - "slug": "ext-preset--image--playdate-1--image-1--content-top", + "title": "Marzipan 1 Image 1 Content Any", + "slug": "ext-preset--image--marzipan-1--image-1--content-any", "blockTypes": [ "core/image", "core/cover" diff --git a/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json similarity index 62% rename from styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json rename to styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json index df96de7..b42bf29 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Image 1 Content Bottom", - "slug": "ext-preset--image--playdate-1--image-1--content-bottom", + "title": "Marzipan 1 Image 1 Content Bottom", + "slug": "ext-preset--image--marzipan-1--image-1--content-bottom", "blockTypes": [ "core/image", "core/cover" diff --git a/styles/block-presets/image/playdate-1/image-1/content-left/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json similarity index 62% rename from styles/block-presets/image/playdate-1/image-1/content-left/preset.json rename to styles/block-presets/image/marzipan-1/image-1/content-left/preset.json index 6210c45..8a37933 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Image 1 Content Left", - "slug": "ext-preset--image--playdate-1--image-1--content-left", + "title": "Marzipan 1 Image 1 Content Left", + "slug": "ext-preset--image--marzipan-1--image-1--content-left", "blockTypes": [ "core/image", "core/cover" diff --git a/styles/block-presets/image/playdate-1/image-1/content-right/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json similarity index 62% rename from styles/block-presets/image/playdate-1/image-1/content-right/preset.json rename to styles/block-presets/image/marzipan-1/image-1/content-right/preset.json index 54c8c03..8378413 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Image 1 Content Right", - "slug": "ext-preset--image--playdate-1--image-1--content-right", + "title": "Marzipan 1 Image 1 Content Right", + "slug": "ext-preset--image--marzipan-1--image-1--content-right", "blockTypes": [ "core/image", "core/cover" diff --git a/styles/block-presets/image/playdate-1/image-1/content-any/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json similarity index 62% rename from styles/block-presets/image/playdate-1/image-1/content-any/preset.json rename to styles/block-presets/image/marzipan-1/image-1/content-top/preset.json index 6eff94e..f936269 100644 --- a/styles/block-presets/image/playdate-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Image 1 Content Any", - "slug": "ext-preset--image--playdate-1--image-1--content-any", + "title": "Marzipan 1 Image 1 Content Top", + "slug": "ext-preset--image--marzipan-1--image-1--content-top", "blockTypes": [ "core/image", "core/cover" diff --git a/styles/block-presets/media-text/playdate-1/card-1/preset.json b/styles/block-presets/media-text/marzipan-1/card-1/preset.json similarity index 97% rename from styles/block-presets/media-text/playdate-1/card-1/preset.json rename to styles/block-presets/media-text/marzipan-1/card-1/preset.json index b2ae014..c6e5394 100644 --- a/styles/block-presets/media-text/playdate-1/card-1/preset.json +++ b/styles/block-presets/media-text/marzipan-1/card-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Item Card 1", - "slug": "ext-preset--media-text--playdate-1--card-1", + "title": "Marzipan 1 Item Card 1", + "slug": "ext-preset--media-text--marzipan-1--card-1", "blockTypes": [ "core/media-text" ], diff --git a/styles/block-presets/paragraph/playdate-1/tagline-1/preset.json b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json similarity index 72% rename from styles/block-presets/paragraph/playdate-1/tagline-1/preset.json rename to styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json index 269a4d6..77be39d 100644 --- a/styles/block-presets/paragraph/playdate-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Tagline 1", - "slug": "ext-preset--paragraph--playdate-1--tagline-1", + "title": "Marzipan 1 Tagline 1", + "slug": "ext-preset--paragraph--marzipan-1--tagline-1", "blockTypes": [ "core/paragraph" ], diff --git a/styles/block-presets/social-links/playdate-1/social-1/preset.json b/styles/block-presets/social-links/marzipan-1/social-1/preset.json similarity index 74% rename from styles/block-presets/social-links/playdate-1/social-1/preset.json rename to styles/block-presets/social-links/marzipan-1/social-1/preset.json index ae9d5fb..9a4eddb 100644 --- a/styles/block-presets/social-links/playdate-1/social-1/preset.json +++ b/styles/block-presets/social-links/marzipan-1/social-1/preset.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/wp/6.8/theme.json", "version": 3, - "title": "Playdate 1 Social 1", - "slug": "ext-preset--social-links--playdate-1--social-1", + "title": "Marzipan 1 Social 1", + "slug": "ext-preset--social-links--marzipan-1--social-1", "blockTypes": [ "core/social-links" ], diff --git a/styles/colors/playdate-palette.json b/styles/colors/marzipan-palette.json similarity index 98% rename from styles/colors/playdate-palette.json rename to styles/colors/marzipan-palette.json index bc38f80..9ef5bfc 100644 --- a/styles/colors/playdate-palette.json +++ b/styles/colors/marzipan-palette.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Playdate", - "slug": "playdate", + "title": "Marzipan", + "slug": "marzipan", "settings": { "color": { "duotone": [ diff --git a/styles/typography/playdate-typography.json b/styles/typography/marzipan-typography.json similarity index 89% rename from styles/typography/playdate-typography.json rename to styles/typography/marzipan-typography.json index c648f9c..1923db6 100644 --- a/styles/typography/playdate-typography.json +++ b/styles/typography/marzipan-typography.json @@ -1,8 +1,8 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Playdate · Source Serif Pro / Manrope", - "slug": "ext-playdate", + "title": "Marzipan · Source Serif Pro / Manrope", + "slug": "ext-marzipan", "styles": { "typography": { "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", From 0d568d36bceea108457cdd13455250f4666a8897 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Mon, 3 Aug 2026 21:29:43 +0500 Subject: [PATCH 33/48] The vibe-globals manifest takes the new slug too MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Missed by the rename commit, which staged only styles/ — inc/ext-vibe-globals.json still keyed its entry playdate-1, so the theme carried a slug no preset answered to. --- inc/ext-vibe-globals.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index 41b962d..abb0ac2 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -64,7 +64,7 @@ } } }, - "playdate-1": { + "marzipan-1": { "settings": { "typography": { "fontSizes": [ From 9942335a798018ff3ecd9e91d5f7a3d091b7accf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 08:26:14 +0500 Subject: [PATCH 34/48] stipple-1: a plotted-panel vibe with staggered cards MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Square corners, hairline-bordered pale panels, airy rhythm, no dividers — plotted dot-field panels behind each band do the separating instead, rotating through three different fields so consecutive sections don't look alike. Also gives layout:staggered a WP twin. It previously existed only as a canvas rule, so the axis was inert here. The offset collapses below 48rem through a clamped value rather than a media query, which a preset css string cannot carry. Palette Quartz: near-white paper, near-black ink at 17.6:1, three panel tints sharing one lightness and chroma with hue alone distinguishing them. --- inc/ext-vibe-globals.json | 21 +++ .../button/stipple-1/button-1/preset.json | 18 ++ .../stipple-1/cover-overlay-1/preset.json | 32 ++++ .../group/marzipan-1/section/preset.json | 2 +- .../group/stipple-1/footer-1/preset.json | 12 ++ .../group/stipple-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 53 ++++++ .../item-card-1/align-start/preset.json | 53 ++++++ .../group/stipple-1/panel-1/preset.json | 18 ++ .../stipple-1/section-intro-1/preset.json | 12 ++ .../group/stipple-1/section/preset.json | 12 ++ .../group/stipple-1/template/preset.json | 12 ++ .../image/stipple-1/gallery-1/preset.json | 14 ++ .../image/stipple-1/icon-1/preset.json | 10 ++ .../image/stipple-1/icon-small-1/preset.json | 10 ++ .../stipple-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../image-1/content-left/preset.json | 15 ++ .../image-1/content-right/preset.json | 15 ++ .../stipple-1/image-1/content-top/preset.json | 15 ++ .../media-text/stipple-1/card-1/preset.json | 41 +++++ .../paragraph/stipple-1/tagline-1/preset.json | 17 ++ .../stipple-1/social-1/preset.json | 15 ++ styles/colors/stipple-palette.json | 158 ++++++++++++++++++ styles/typography/stipple-typography.json | 34 ++++ 25 files changed, 630 insertions(+), 1 deletion(-) create mode 100644 styles/block-presets/button/stipple-1/button-1/preset.json create mode 100644 styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/group/stipple-1/footer-1/preset.json create mode 100644 styles/block-presets/group/stipple-1/header-1/preset.json create mode 100644 styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/stipple-1/panel-1/preset.json create mode 100644 styles/block-presets/group/stipple-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/stipple-1/section/preset.json create mode 100644 styles/block-presets/group/stipple-1/template/preset.json create mode 100644 styles/block-presets/image/stipple-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/stipple-1/icon-1/preset.json create mode 100644 styles/block-presets/image/stipple-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/stipple-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/stipple-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/stipple-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/stipple-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/stipple-1/card-1/preset.json create mode 100644 styles/block-presets/paragraph/stipple-1/tagline-1/preset.json create mode 100644 styles/block-presets/social-links/stipple-1/social-1/preset.json create mode 100644 styles/colors/stipple-palette.json create mode 100644 styles/typography/stipple-typography.json diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index abb0ac2..f1504d7 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -185,6 +185,27 @@ } } } + }, + "stipple-1": { + "settings": { + "custom": { + "space-scale": "1.5" + } + }, + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(1.943rem, 1.943rem + ((1vw - 0.2rem) * 3.325), 3.938rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.575rem, 1.575rem + ((1vw - 0.2rem) * 2.625), 3.15rem)" + } + } + } + } } } } diff --git a/styles/block-presets/button/stipple-1/button-1/preset.json b/styles/block-presets/button/stipple-1/button-1/preset.json new file mode 100644 index 0000000..64b79ab --- /dev/null +++ b/styles/block-presets/button/stipple-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Button 1", + "slug": "ext-preset--button--stipple-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json b/styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..a87e3a9 --- /dev/null +++ b/styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Overlay 1", + "slug": "ext-preset--cover--stipple-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/group/marzipan-1/section/preset.json b/styles/block-presets/group/marzipan-1/section/preset.json index bf1f1dd..c9e0a6c 100644 --- a/styles/block-presets/group/marzipan-1/section/preset.json +++ b/styles/block-presets/group/marzipan-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-stat { text-align: center; } & { --scallop-h: clamp(32px, calc(100vw*80/1440), 280px); } &.has-tertiary-background-color { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.has-tertiary-background-color::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.has-tertiary-background-color::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-1 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-1::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-1::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-2 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-2::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-2::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.ext-tint-3 { position: relative; overflow-x: clip; margin-block: var(--scallop-h) !important; } &.ext-tint-3::before { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; bottom: calc(100% - 1px); transform: translateX(-50%); pointer-events: none; } &.ext-tint-3::after { content: \"\"; position: absolute; width: 100vw; left: 50%; height: var(--scallop-h); background-color: inherit; -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2080'%3E%3Cpath%20fill%3D'white'%20d%3D'M0%2064%20A120%2040%200%200%201%20240%2064%20A120%2040%200%200%201%20480%2064%20A120%2040%200%200%201%20720%2064%20A120%2040%200%200%201%20960%2064%20A120%2040%200%200%201%201200%2064%20A120%2040%200%200%201%201440%2064%20V80%20H0%20Z'%2F%3E%3C%2Fsvg%3E\") no-repeat center / 100% 100%; top: calc(100% - 1px); transform: translateX(-50%) scaleY(-1); pointer-events: none; } &.has-background-background-color { position: relative; overflow-x: clip; } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 4% top 6%, right 6% bottom 8%; mask-position: left 4% top 6%, right 6% bottom 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left 6% bottom 8%, right 4% top 8%; mask-position: left 6% bottom 8%, right 4% top 8%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2230%22%20ry%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M32%202l6%2024%2024%206-24%206-6%2024-6-24-24-6%2024-6z%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 5% bottom 6%, left 7% top 10%; mask-position: right 5% bottom 6%, left 7% top 10%; -webkit-mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); mask-size: clamp(28px, 5vw, 72px), clamp(28px, 5vw, 72px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" } } diff --git a/styles/block-presets/group/stipple-1/footer-1/preset.json b/styles/block-presets/group/stipple-1/footer-1/preset.json new file mode 100644 index 0000000..d0b67ec --- /dev/null +++ b/styles/block-presets/group/stipple-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Footer 1", + "slug": "ext-preset--group--stipple-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/stipple-1/header-1/preset.json b/styles/block-presets/group/stipple-1/header-1/preset.json new file mode 100644 index 0000000..2bc73dd --- /dev/null +++ b/styles/block-presets/group/stipple-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Header 1", + "slug": "ext-preset--group--stipple-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json b/styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..61efcd2 --- /dev/null +++ b/styles/block-presets/group/stipple-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": "Stipple 1 Item Card 1 Align Center", + "slug": "ext-preset--group--stipple-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json b/styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..b609046 --- /dev/null +++ b/styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json @@ -0,0 +1,53 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Item Card 1 Align Start", + "slug": "ext-preset--group--stipple-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/stipple-1/panel-1/preset.json b/styles/block-presets/group/stipple-1/panel-1/preset.json new file mode 100644 index 0000000..ac56bb8 --- /dev/null +++ b/styles/block-presets/group/stipple-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Panel 1", + "slug": "ext-preset--group--stipple-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/stipple-1/section-intro-1/preset.json b/styles/block-presets/group/stipple-1/section-intro-1/preset.json new file mode 100644 index 0000000..c01176c --- /dev/null +++ b/styles/block-presets/group/stipple-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Section Intro 1", + "slug": "ext-preset--group--stipple-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/stipple-1/section/preset.json b/styles/block-presets/group/stipple-1/section/preset.json new file mode 100644 index 0000000..3fe5f33 --- /dev/null +++ b/styles/block-presets/group/stipple-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Section", + "slug": "ext-preset--group--stipple-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-grid > :nth-child(even) { translate: 0 clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } & .ext-grid { padding-block-end: clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right -4% top 10%; mask-position: right -4% top 10%; -webkit-mask-size: clamp(160px, 30vw, 360px); mask-size: clamp(160px, 30vw, 360px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left -3% bottom 8%; mask-position: left -3% bottom 8%; -webkit-mask-size: clamp(160px, 30vw, 360px); mask-size: clamp(160px, 30vw, 360px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 3% bottom 10%, left 2% top 12%; mask-position: right 3% bottom 10%, left 2% top 12%; -webkit-mask-size: clamp(120px, 20vw, 240px), clamp(80px, 14vw, 160px); mask-size: clamp(120px, 20vw, 240px), clamp(80px, 14vw, 160px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" + } +} diff --git a/styles/block-presets/group/stipple-1/template/preset.json b/styles/block-presets/group/stipple-1/template/preset.json new file mode 100644 index 0000000..8042cc8 --- /dev/null +++ b/styles/block-presets/group/stipple-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Template", + "slug": "ext-preset--group--stipple-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/image/stipple-1/gallery-1/preset.json b/styles/block-presets/image/stipple-1/gallery-1/preset.json new file mode 100644 index 0000000..b77faed --- /dev/null +++ b/styles/block-presets/image/stipple-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Gallery 1", + "slug": "ext-preset--image--stipple-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/stipple-1/icon-1/preset.json b/styles/block-presets/image/stipple-1/icon-1/preset.json new file mode 100644 index 0000000..1f8ff4f --- /dev/null +++ b/styles/block-presets/image/stipple-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Icon 1", + "slug": "ext-preset--image--stipple-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/stipple-1/icon-small-1/preset.json b/styles/block-presets/image/stipple-1/icon-small-1/preset.json new file mode 100644 index 0000000..22cad17 --- /dev/null +++ b/styles/block-presets/image/stipple-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Icon Small 1", + "slug": "ext-preset--image--stipple-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/stipple-1/image-1/content-any/preset.json b/styles/block-presets/image/stipple-1/image-1/content-any/preset.json new file mode 100644 index 0000000..07abcab --- /dev/null +++ b/styles/block-presets/image/stipple-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Image 1 Content Any", + "slug": "ext-preset--image--stipple-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json b/styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..1d079f8 --- /dev/null +++ b/styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Image 1 Content Bottom", + "slug": "ext-preset--image--stipple-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/stipple-1/image-1/content-left/preset.json b/styles/block-presets/image/stipple-1/image-1/content-left/preset.json new file mode 100644 index 0000000..3495fd3 --- /dev/null +++ b/styles/block-presets/image/stipple-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Image 1 Content Left", + "slug": "ext-preset--image--stipple-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/stipple-1/image-1/content-right/preset.json b/styles/block-presets/image/stipple-1/image-1/content-right/preset.json new file mode 100644 index 0000000..174aee5 --- /dev/null +++ b/styles/block-presets/image/stipple-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Image 1 Content Right", + "slug": "ext-preset--image--stipple-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/stipple-1/image-1/content-top/preset.json b/styles/block-presets/image/stipple-1/image-1/content-top/preset.json new file mode 100644 index 0000000..2445a49 --- /dev/null +++ b/styles/block-presets/image/stipple-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Image 1 Content Top", + "slug": "ext-preset--image--stipple-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/media-text/stipple-1/card-1/preset.json b/styles/block-presets/media-text/stipple-1/card-1/preset.json new file mode 100644 index 0000000..3e505e8 --- /dev/null +++ b/styles/block-presets/media-text/stipple-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Item Card 1", + "slug": "ext-preset--media-text--stipple-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|background" + }, + "border": { + "radius": "0px", + "width": "1px", + "style": "solid", + "color": "var(--wp--custom--color--stroke-weak)" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|background !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/paragraph/stipple-1/tagline-1/preset.json b/styles/block-presets/paragraph/stipple-1/tagline-1/preset.json new file mode 100644 index 0000000..d3e4bbc --- /dev/null +++ b/styles/block-presets/paragraph/stipple-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Tagline 1", + "slug": "ext-preset--paragraph--stipple-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/social-links/stipple-1/social-1/preset.json b/styles/block-presets/social-links/stipple-1/social-1/preset.json new file mode 100644 index 0000000..2a13c5c --- /dev/null +++ b/styles/block-presets/social-links/stipple-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Stipple 1 Social 1", + "slug": "ext-preset--social-links--stipple-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/colors/stipple-palette.json b/styles/colors/stipple-palette.json new file mode 100644 index 0000000..0bda022 --- /dev/null +++ b/styles/colors/stipple-palette.json @@ -0,0 +1,158 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Quartz", + "slug": "quartz", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#161618", + "#29292B" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#161618", + "#EFF0F4" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#29292B", + "#161618" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#161618", + "#FCFCFB" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#161618", + "#161618" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#FCFCFB", + "#EFF0F4" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#161618", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#29292B", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + }, + { + "slug": "background-tint-3", + "color": "var(--wp--custom--color--background-tint-3)", + "name": "Card 3" + } + ] + }, + "custom": { + "color": { + "text-strong": "#161618", + "background-base": "#FCFCFB", + "text-weak": "#5E5E60", + "icon-surface": "#F4F4F3", + "icon-ink": "#161618", + "background-sunken": "#EFF0F4", + "background-tint-1": "#ECE6FA", + "background-tint-2": "#DFEFDE", + "background-tint-3": "#DCEBFC", + "background-tint-1-ink": "#161618", + "background-tint-1-weak": "#161618", + "background-tint-2-ink": "#161618", + "background-tint-2-weak": "#161618", + "background-tint-3-ink": "#161618", + "background-tint-3-weak": "#161618" + }, + "elements": { + "button": { + "color": { + "background": "#161618", + "text": "#FCFCFB" + }, + ":hover": { + "color": { + "background": "#29292B", + "text": "#FCFCFB" + } + }, + ":focus": { + "color": { + "background": "#161618", + "text": "#FCFCFB" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/typography/stipple-typography.json b/styles/typography/stipple-typography.json new file mode 100644 index 0000000..61ff352 --- /dev/null +++ b/styles/typography/stipple-typography.json @@ -0,0 +1,34 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Stipple · Inter", + "slug": "ext-stipple", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "lineHeight": "1.6" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontWeight": "500" + } + }, + "h1": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.2" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.2" + } + } + } + } +} From 5f1ff94a0e00fb642a5c7ebfd6bdb253b29df3bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 09:48:47 +0500 Subject: [PATCH 35/48] stipple-1 drops to standard density The vibe-globals manifest no longer carries space-scale 1.5 for stipple-1: standard density means no multiplier, so the entry's settings block goes away entirely. --- inc/ext-vibe-globals.json | 5 ----- 1 file changed, 5 deletions(-) diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index f1504d7..fe02be1 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -187,11 +187,6 @@ } }, "stipple-1": { - "settings": { - "custom": { - "space-scale": "1.5" - } - }, "styles": { "elements": { "h1": { From aef46c9e9e4e6c688c440bdedc04880f45f46d13 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 10:02:09 +0500 Subject: [PATCH 36/48] stipple-1 takes the dissolving mark field MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A repeating mark tile intersected with a gradient, so the field covers the band from one edge and fades out across it. Three arrangements rotate per section: blocks fading left to right, mixed marks fading right to left, and a diagonal speck field. Mask-based rather than a background image, because only a mask inks from the element's own colour — the same reason the divider strips are masks. --- styles/block-presets/group/stipple-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/stipple-1/section/preset.json b/styles/block-presets/group/stipple-1/section/preset.json index 3fe5f33..c243957 100644 --- a/styles/block-presets/group/stipple-1/section/preset.json +++ b/styles/block-presets/group/stipple-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-grid > :nth-child(even) { translate: 0 clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } & .ext-grid { padding-block-end: clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right -4% top 10%; mask-position: right -4% top 10%; -webkit-mask-size: clamp(160px, 30vw, 360px); mask-size: clamp(160px, 30vw, 360px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: left -3% bottom 8%; mask-position: left -3% bottom 8%; -webkit-mask-size: clamp(160px, 30vw, 360px); mask-size: clamp(160px, 30vw, 360px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"), url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%228%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2232%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2248%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2256%22%20y%3D%2256%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fsvg%3E\"); -webkit-mask-position: right 3% bottom 10%, left 2% top 12%; mask-position: right 3% bottom 10%, left 2% top 12%; -webkit-mask-size: clamp(120px, 20vw, 240px), clamp(80px, 14vw, 160px); mask-size: clamp(120px, 20vw, 240px), clamp(80px, 14vw, 160px); -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-grid > :nth-child(even) { translate: 0 clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } & .ext-grid { padding-block-end: clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2226%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to right, currentColor 0%, transparent 62%); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2226%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to right, currentColor 0%, transparent 62%); -webkit-mask-position: left top, center; mask-position: left top, center; -webkit-mask-size: 44px 44px, 100% 100%; mask-size: 44px 44px, 100% 100%; -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; -webkit-mask-composite: source-in; mask-composite: intersect; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10%204h3v15h-3z%22%2F%3E%3Cpath%20d%3D%22M4%2010h15v3H4z%22%2F%3E%3Cpath%20d%3D%22M29.9%2027.8l2.1-2.1%2010.6%2010.6-2.1%202.1z%22%2F%3E%3Cpath%20d%3D%22M40.5%2025.7l2.1%202.1-10.6%2010.6-2.1-2.1z%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to left, currentColor 0%, transparent 58%); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10%204h3v15h-3z%22%2F%3E%3Cpath%20d%3D%22M4%2010h15v3H4z%22%2F%3E%3Cpath%20d%3D%22M29.9%2027.8l2.1-2.1%2010.6%2010.6-2.1%202.1z%22%2F%3E%3Cpath%20d%3D%22M40.5%2025.7l2.1%202.1-10.6%2010.6-2.1-2.1z%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to left, currentColor 0%, transparent 58%); -webkit-mask-position: left top, center; mask-position: left top, center; -webkit-mask-size: 48px 48px, 100% 100%; mask-size: 48px 48px, 100% 100%; -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%208l8%2014H22z%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(160deg, currentColor 0%, transparent 66%); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%208l8%2014H22z%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(160deg, currentColor 0%, transparent 66%); -webkit-mask-position: left top, center; mask-position: left top, center; -webkit-mask-size: 52px 52px, 100% 100%; mask-size: 52px 52px, 100% 100%; -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; }" } } From 26a6b1130ed7bb632949e965fbdd57a34d0eb41a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 10:28:31 +0500 Subject: [PATCH 37/48] Remove stipple-1 The vibe was cut. Deletes its 23 partials and its globals-manifest entry. Deleted by hand rather than pruned: a vibe absent from vibes/ leaves the globals manifest entirely, so the port's --prune-unmarked reads it as unknown rather than unmarked and holds its files. All 23 came from 9942335. --- inc/ext-vibe-globals.json | 16 -- .../button/stipple-1/button-1/preset.json | 18 -- .../stipple-1/cover-overlay-1/preset.json | 32 ---- .../group/stipple-1/footer-1/preset.json | 12 -- .../group/stipple-1/header-1/preset.json | 12 -- .../item-card-1/align-center/preset.json | 53 ------ .../item-card-1/align-start/preset.json | 53 ------ .../group/stipple-1/panel-1/preset.json | 18 -- .../stipple-1/section-intro-1/preset.json | 12 -- .../group/stipple-1/section/preset.json | 12 -- .../group/stipple-1/template/preset.json | 12 -- .../image/stipple-1/gallery-1/preset.json | 14 -- .../image/stipple-1/icon-1/preset.json | 10 -- .../image/stipple-1/icon-small-1/preset.json | 10 -- .../stipple-1/image-1/content-any/preset.json | 15 -- .../image-1/content-bottom/preset.json | 15 -- .../image-1/content-left/preset.json | 15 -- .../image-1/content-right/preset.json | 15 -- .../stipple-1/image-1/content-top/preset.json | 15 -- .../media-text/stipple-1/card-1/preset.json | 41 ----- .../paragraph/stipple-1/tagline-1/preset.json | 17 -- .../stipple-1/social-1/preset.json | 15 -- styles/colors/stipple-palette.json | 158 ------------------ styles/typography/stipple-typography.json | 34 ---- 24 files changed, 624 deletions(-) delete mode 100644 styles/block-presets/button/stipple-1/button-1/preset.json delete mode 100644 styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json delete mode 100644 styles/block-presets/group/stipple-1/footer-1/preset.json delete mode 100644 styles/block-presets/group/stipple-1/header-1/preset.json delete mode 100644 styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json delete mode 100644 styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json delete mode 100644 styles/block-presets/group/stipple-1/panel-1/preset.json delete mode 100644 styles/block-presets/group/stipple-1/section-intro-1/preset.json delete mode 100644 styles/block-presets/group/stipple-1/section/preset.json delete mode 100644 styles/block-presets/group/stipple-1/template/preset.json delete mode 100644 styles/block-presets/image/stipple-1/gallery-1/preset.json delete mode 100644 styles/block-presets/image/stipple-1/icon-1/preset.json delete mode 100644 styles/block-presets/image/stipple-1/icon-small-1/preset.json delete mode 100644 styles/block-presets/image/stipple-1/image-1/content-any/preset.json delete mode 100644 styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json delete mode 100644 styles/block-presets/image/stipple-1/image-1/content-left/preset.json delete mode 100644 styles/block-presets/image/stipple-1/image-1/content-right/preset.json delete mode 100644 styles/block-presets/image/stipple-1/image-1/content-top/preset.json delete mode 100644 styles/block-presets/media-text/stipple-1/card-1/preset.json delete mode 100644 styles/block-presets/paragraph/stipple-1/tagline-1/preset.json delete mode 100644 styles/block-presets/social-links/stipple-1/social-1/preset.json delete mode 100644 styles/colors/stipple-palette.json delete mode 100644 styles/typography/stipple-typography.json diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index fe02be1..abb0ac2 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -185,22 +185,6 @@ } } } - }, - "stipple-1": { - "styles": { - "elements": { - "h1": { - "typography": { - "fontSize": "clamp(1.943rem, 1.943rem + ((1vw - 0.2rem) * 3.325), 3.938rem)" - } - }, - "h2": { - "typography": { - "fontSize": "clamp(1.575rem, 1.575rem + ((1vw - 0.2rem) * 2.625), 3.15rem)" - } - } - } - } } } } diff --git a/styles/block-presets/button/stipple-1/button-1/preset.json b/styles/block-presets/button/stipple-1/button-1/preset.json deleted file mode 100644 index 64b79ab..0000000 --- a/styles/block-presets/button/stipple-1/button-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Button 1", - "slug": "ext-preset--button--stipple-1--button-1", - "blockTypes": [ - "core/button", - "woocommerce/product-button" - ], - "styles": { - "typography": { - "fontSize": "inherit" - }, - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json b/styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json deleted file mode 100644 index a87e3a9..0000000 --- a/styles/block-presets/cover/stipple-1/cover-overlay-1/preset.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Overlay 1", - "slug": "ext-preset--cover--stipple-1--cover-overlay-1", - "blockTypes": [ - "core/cover" - ], - "styles": { - "color": { - "text": "#FEFEFE" - }, - "blocks": { - "core/heading": { - "color": { - "text": "#FEFEFE" - } - }, - "core/paragraph": { - "color": { - "text": "#FEFEFE" - } - }, - "core/button": { - "color": { - "text": "#010101", - "background": "#FEFEFE" - } - } - } - } -} diff --git a/styles/block-presets/group/stipple-1/footer-1/preset.json b/styles/block-presets/group/stipple-1/footer-1/preset.json deleted file mode 100644 index d0b67ec..0000000 --- a/styles/block-presets/group/stipple-1/footer-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Footer 1", - "slug": "ext-preset--group--stipple-1--footer-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/stipple-1/header-1/preset.json b/styles/block-presets/group/stipple-1/header-1/preset.json deleted file mode 100644 index 2bc73dd..0000000 --- a/styles/block-presets/group/stipple-1/header-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Header 1", - "slug": "ext-preset--group--stipple-1--header-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json b/styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json deleted file mode 100644 index 61efcd2..0000000 --- a/styles/block-presets/group/stipple-1/item-card-1/align-center/preset.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Item Card 1 Align Center", - "slug": "ext-preset--group--stipple-1--item-card-1--align-center", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json b/styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json deleted file mode 100644 index b609046..0000000 --- a/styles/block-presets/group/stipple-1/item-card-1/align-start/preset.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Item Card 1 Align Start", - "slug": "ext-preset--group--stipple-1--item-card-1--align-start", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "dimensions": { - "minHeight": "100%" - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - } - }, - "core/heading": { - "typography": { - "fontSize": "1.5rem" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - }, - "core/paragraph": { - "typography": { - "fontSize": "var:preset|font-size|small" - }, - "spacing": { - "margin": { - "top": "16px" - } - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/group/stipple-1/panel-1/preset.json b/styles/block-presets/group/stipple-1/panel-1/preset.json deleted file mode 100644 index ac56bb8..0000000 --- a/styles/block-presets/group/stipple-1/panel-1/preset.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Panel 1", - "slug": "ext-preset--group--stipple-1--panel-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px" - }, - "css": "& { overflow: hidden; }" - } -} diff --git a/styles/block-presets/group/stipple-1/section-intro-1/preset.json b/styles/block-presets/group/stipple-1/section-intro-1/preset.json deleted file mode 100644 index c01176c..0000000 --- a/styles/block-presets/group/stipple-1/section-intro-1/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Section Intro 1", - "slug": "ext-preset--group--stipple-1--section-intro-1", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" - } -} diff --git a/styles/block-presets/group/stipple-1/section/preset.json b/styles/block-presets/group/stipple-1/section/preset.json deleted file mode 100644 index c243957..0000000 --- a/styles/block-presets/group/stipple-1/section/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Section", - "slug": "ext-preset--group--stipple-1--section", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-grid > :nth-child(even) { translate: 0 clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } & .ext-grid { padding-block-end: clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } &.has-background-background-color:not(:first-child) { position: relative; } &.has-background-background-color:not(:first-child) > * { position: relative; z-index: 1; } &.has-background-background-color:not(:first-child)::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-color: var(--wp--preset--color--tertiary); animation: ext-object-drift linear both; animation-timeline: view(); -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2226%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to right, currentColor 0%, transparent 62%); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2226%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to right, currentColor 0%, transparent 62%); -webkit-mask-position: left top, center; mask-position: left top, center; -webkit-mask-size: 44px 44px, 100% 100%; mask-size: 44px 44px, 100% 100%; -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; -webkit-mask-composite: source-in; mask-composite: intersect; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 2)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10%204h3v15h-3z%22%2F%3E%3Cpath%20d%3D%22M4%2010h15v3H4z%22%2F%3E%3Cpath%20d%3D%22M29.9%2027.8l2.1-2.1%2010.6%2010.6-2.1%202.1z%22%2F%3E%3Cpath%20d%3D%22M40.5%2025.7l2.1%202.1-10.6%2010.6-2.1-2.1z%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to left, currentColor 0%, transparent 58%); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10%204h3v15h-3z%22%2F%3E%3Cpath%20d%3D%22M4%2010h15v3H4z%22%2F%3E%3Cpath%20d%3D%22M29.9%2027.8l2.1-2.1%2010.6%2010.6-2.1%202.1z%22%2F%3E%3Cpath%20d%3D%22M40.5%2025.7l2.1%202.1-10.6%2010.6-2.1-2.1z%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to left, currentColor 0%, transparent 58%); -webkit-mask-position: left top, center; mask-position: left top, center; -webkit-mask-size: 48px 48px, 100% 100%; mask-size: 48px 48px, 100% 100%; -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; } &.has-background-background-color:not(:first-child):nth-of-type(3n + 3)::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%208l8%2014H22z%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(160deg, currentColor 0%, transparent 66%); mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%208l8%2014H22z%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(160deg, currentColor 0%, transparent 66%); -webkit-mask-position: left top, center; mask-position: left top, center; -webkit-mask-size: 52px 52px, 100% 100%; mask-size: 52px 52px, 100% 100%; -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; }" - } -} diff --git a/styles/block-presets/group/stipple-1/template/preset.json b/styles/block-presets/group/stipple-1/template/preset.json deleted file mode 100644 index 8042cc8..0000000 --- a/styles/block-presets/group/stipple-1/template/preset.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Template", - "slug": "ext-preset--group--stipple-1--template", - "blockTypes": [ - "core/group" - ], - "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" - } -} diff --git a/styles/block-presets/image/stipple-1/gallery-1/preset.json b/styles/block-presets/image/stipple-1/gallery-1/preset.json deleted file mode 100644 index b77faed..0000000 --- a/styles/block-presets/image/stipple-1/gallery-1/preset.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Gallery 1", - "slug": "ext-preset--image--stipple-1--gallery-1", - "blockTypes": [ - "core/image" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/stipple-1/icon-1/preset.json b/styles/block-presets/image/stipple-1/icon-1/preset.json deleted file mode 100644 index 1f8ff4f..0000000 --- a/styles/block-presets/image/stipple-1/icon-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Icon 1", - "slug": "ext-preset--image--stipple-1--icon-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/stipple-1/icon-small-1/preset.json b/styles/block-presets/image/stipple-1/icon-small-1/preset.json deleted file mode 100644 index 22cad17..0000000 --- a/styles/block-presets/image/stipple-1/icon-small-1/preset.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Icon Small 1", - "slug": "ext-preset--image--stipple-1--icon-small-1", - "blockTypes": [ - "core/image" - ], - "styles": {} -} diff --git a/styles/block-presets/image/stipple-1/image-1/content-any/preset.json b/styles/block-presets/image/stipple-1/image-1/content-any/preset.json deleted file mode 100644 index 07abcab..0000000 --- a/styles/block-presets/image/stipple-1/image-1/content-any/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Image 1 Content Any", - "slug": "ext-preset--image--stipple-1--image-1--content-any", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json b/styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json deleted file mode 100644 index 1d079f8..0000000 --- a/styles/block-presets/image/stipple-1/image-1/content-bottom/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Image 1 Content Bottom", - "slug": "ext-preset--image--stipple-1--image-1--content-bottom", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/stipple-1/image-1/content-left/preset.json b/styles/block-presets/image/stipple-1/image-1/content-left/preset.json deleted file mode 100644 index 3495fd3..0000000 --- a/styles/block-presets/image/stipple-1/image-1/content-left/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Image 1 Content Left", - "slug": "ext-preset--image--stipple-1--image-1--content-left", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/stipple-1/image-1/content-right/preset.json b/styles/block-presets/image/stipple-1/image-1/content-right/preset.json deleted file mode 100644 index 174aee5..0000000 --- a/styles/block-presets/image/stipple-1/image-1/content-right/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Image 1 Content Right", - "slug": "ext-preset--image--stipple-1--image-1--content-right", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/image/stipple-1/image-1/content-top/preset.json b/styles/block-presets/image/stipple-1/image-1/content-top/preset.json deleted file mode 100644 index 2445a49..0000000 --- a/styles/block-presets/image/stipple-1/image-1/content-top/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Image 1 Content Top", - "slug": "ext-preset--image--stipple-1--image-1--content-top", - "blockTypes": [ - "core/image", - "core/cover" - ], - "styles": { - "border": { - "radius": "0px" - } - } -} diff --git a/styles/block-presets/media-text/stipple-1/card-1/preset.json b/styles/block-presets/media-text/stipple-1/card-1/preset.json deleted file mode 100644 index 3e505e8..0000000 --- a/styles/block-presets/media-text/stipple-1/card-1/preset.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Item Card 1", - "slug": "ext-preset--media-text--stipple-1--card-1", - "blockTypes": [ - "core/media-text" - ], - "styles": { - "color": { - "background": "var:preset|color|background" - }, - "border": { - "radius": "0px", - "width": "1px", - "style": "solid", - "color": "var(--wp--custom--color--stroke-weak)" - }, - "spacing": { - "padding": { - "top": "0", - "right": "0", - "bottom": "0", - "left": "0" - } - }, - "blocks": { - "core/group": { - "spacing": { - "margin": { - "top": "0" - } - }, - "dimensions": { - "minHeight": "100%" - } - } - }, - "css": "& { background-color: var:preset|color|background !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" - } -} diff --git a/styles/block-presets/paragraph/stipple-1/tagline-1/preset.json b/styles/block-presets/paragraph/stipple-1/tagline-1/preset.json deleted file mode 100644 index d3e4bbc..0000000 --- a/styles/block-presets/paragraph/stipple-1/tagline-1/preset.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Tagline 1", - "slug": "ext-preset--paragraph--stipple-1--tagline-1", - "blockTypes": [ - "core/paragraph" - ], - "styles": { - "typography": { - "fontWeight": "600" - }, - "color": { - "text": "var:preset|color|foreground-alt" - } - } -} diff --git a/styles/block-presets/social-links/stipple-1/social-1/preset.json b/styles/block-presets/social-links/stipple-1/social-1/preset.json deleted file mode 100644 index 2a13c5c..0000000 --- a/styles/block-presets/social-links/stipple-1/social-1/preset.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", - "version": 3, - "title": "Stipple 1 Social 1", - "slug": "ext-preset--social-links--stipple-1--social-1", - "blockTypes": [ - "core/social-links" - ], - "styles": { - "spacing": { - "blockGap": "12px" - }, - "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" - } -} diff --git a/styles/colors/stipple-palette.json b/styles/colors/stipple-palette.json deleted file mode 100644 index 0bda022..0000000 --- a/styles/colors/stipple-palette.json +++ /dev/null @@ -1,158 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Quartz", - "slug": "quartz", - "settings": { - "color": { - "duotone": [ - { - "colors": [ - "#161618", - "#29292B" - ], - "slug": "primary-and-secondary", - "name": "Primary and secondary" - }, - { - "colors": [ - "#161618", - "#EFF0F4" - ], - "slug": "primary-and-tertiary", - "name": "Primary and tertiary" - }, - { - "colors": [ - "#29292B", - "#161618" - ], - "slug": "secondary-and-primary", - "name": "Secondary and primary" - }, - { - "colors": [ - "#161618", - "#FCFCFB" - ], - "slug": "foreground-and-background", - "name": "Foreground and background" - }, - { - "colors": [ - "#161618", - "#161618" - ], - "slug": "primary-foreground", - "name": "Primary and Foreground" - }, - { - "colors": [ - "#FCFCFB", - "#EFF0F4" - ], - "slug": "background-tertiary", - "name": "Background and Background Alt" - } - ], - "palette": [ - { - "slug": "background", - "color": "var(--wp--custom--color--background-base)", - "name": "Background" - }, - { - "slug": "foreground", - "color": "var(--wp--custom--color--text-strong)", - "name": "Foreground" - }, - { - "slug": "primary", - "color": "#161618", - "name": "Primary" - }, - { - "slug": "secondary", - "color": "#29292B", - "name": "Secondary" - }, - { - "slug": "tertiary", - "color": "var(--wp--custom--color--background-sunken)", - "name": "Tertiary" - }, - { - "slug": "foreground-alt", - "color": "var(--wp--custom--color--text-weak)", - "name": "Foreground Alt" - }, - { - "slug": "background-tint-1", - "color": "var(--wp--custom--color--background-tint-1)", - "name": "Card 1" - }, - { - "slug": "background-tint-2", - "color": "var(--wp--custom--color--background-tint-2)", - "name": "Card 2" - }, - { - "slug": "background-tint-3", - "color": "var(--wp--custom--color--background-tint-3)", - "name": "Card 3" - } - ] - }, - "custom": { - "color": { - "text-strong": "#161618", - "background-base": "#FCFCFB", - "text-weak": "#5E5E60", - "icon-surface": "#F4F4F3", - "icon-ink": "#161618", - "background-sunken": "#EFF0F4", - "background-tint-1": "#ECE6FA", - "background-tint-2": "#DFEFDE", - "background-tint-3": "#DCEBFC", - "background-tint-1-ink": "#161618", - "background-tint-1-weak": "#161618", - "background-tint-2-ink": "#161618", - "background-tint-2-weak": "#161618", - "background-tint-3-ink": "#161618", - "background-tint-3-weak": "#161618" - }, - "elements": { - "button": { - "color": { - "background": "#161618", - "text": "#FCFCFB" - }, - ":hover": { - "color": { - "background": "#29292B", - "text": "#FCFCFB" - } - }, - ":focus": { - "color": { - "background": "#161618", - "text": "#FCFCFB" - } - } - } - } - } - }, - "styles": { - "color": { - "text": "var(--wp--preset--color--foreground)" - }, - "elements": { - "heading": { - "color": { - "text": "var(--wp--preset--color--foreground)" - } - } - } - } -} diff --git a/styles/typography/stipple-typography.json b/styles/typography/stipple-typography.json deleted file mode 100644 index 61ff352..0000000 --- a/styles/typography/stipple-typography.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "$schema": "https://schemas.wp.org/trunk/theme.json", - "version": 3, - "title": "Stipple · Inter", - "slug": "ext-stipple", - "styles": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "lineHeight": "1.6" - }, - "elements": { - "heading": { - "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", - "fontWeight": "500" - } - }, - "h1": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em", - "lineHeight": "1.2" - } - }, - "h2": { - "typography": { - "fontWeight": "500", - "letterSpacing": "-0.01em", - "lineHeight": "1.2" - } - } - } - } -} From 75fd152caa9fab8b3d719e7437d28714f516defe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 10:40:14 +0500 Subject: [PATCH 38/48] Add foundry-1, and a primary-and-background duotone per palette MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Industrial vibe: square corners, flat surfaces, hairline section rules, uppercase display, and a three-slab card cycle (orange / sky / signal yellow) on a warm-grey page. Every palette partial also gains a seventh duotone preset, primary-and-background — primary in the shadows, the page's own paper in the highlights. The existing six all pair two ink-side or two surface-side colours, so none of them covered a photo grade. --- inc/ext-vibe-globals.json | 16 ++ .../button/foundry-1/button-1/preset.json | 18 ++ .../foundry-1/cover-overlay-1/preset.json | 32 ++++ .../group/foundry-1/footer-1/preset.json | 12 ++ .../group/foundry-1/header-1/preset.json | 12 ++ .../item-card-1/align-center/preset.json | 50 ++++++ .../item-card-1/align-start/preset.json | 50 ++++++ .../group/foundry-1/panel-1/preset.json | 18 ++ .../foundry-1/section-intro-1/preset.json | 12 ++ .../group/foundry-1/section/preset.json | 12 ++ .../group/foundry-1/template/preset.json | 12 ++ .../image/foundry-1/gallery-1/preset.json | 14 ++ .../image/foundry-1/icon-1/preset.json | 10 ++ .../image/foundry-1/icon-small-1/preset.json | 10 ++ .../foundry-1/image-1/content-any/preset.json | 15 ++ .../image-1/content-bottom/preset.json | 15 ++ .../image-1/content-left/preset.json | 15 ++ .../image-1/content-right/preset.json | 15 ++ .../foundry-1/image-1/content-top/preset.json | 15 ++ .../media-text/foundry-1/card-1/preset.json | 38 ++++ .../paragraph/foundry-1/tagline-1/preset.json | 17 ++ .../foundry-1/social-1/preset.json | 15 ++ styles/colors/foundry-palette.json | 166 ++++++++++++++++++ styles/colors/linen-palette.json | 8 + styles/colors/marzipan-palette.json | 8 + styles/colors/retro-palette.json | 8 + styles/typography/foundry-typography.json | 36 ++++ 27 files changed, 649 insertions(+) create mode 100644 styles/block-presets/button/foundry-1/button-1/preset.json create mode 100644 styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json create mode 100644 styles/block-presets/group/foundry-1/footer-1/preset.json create mode 100644 styles/block-presets/group/foundry-1/header-1/preset.json create mode 100644 styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json create mode 100644 styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json create mode 100644 styles/block-presets/group/foundry-1/panel-1/preset.json create mode 100644 styles/block-presets/group/foundry-1/section-intro-1/preset.json create mode 100644 styles/block-presets/group/foundry-1/section/preset.json create mode 100644 styles/block-presets/group/foundry-1/template/preset.json create mode 100644 styles/block-presets/image/foundry-1/gallery-1/preset.json create mode 100644 styles/block-presets/image/foundry-1/icon-1/preset.json create mode 100644 styles/block-presets/image/foundry-1/icon-small-1/preset.json create mode 100644 styles/block-presets/image/foundry-1/image-1/content-any/preset.json create mode 100644 styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json create mode 100644 styles/block-presets/image/foundry-1/image-1/content-left/preset.json create mode 100644 styles/block-presets/image/foundry-1/image-1/content-right/preset.json create mode 100644 styles/block-presets/image/foundry-1/image-1/content-top/preset.json create mode 100644 styles/block-presets/media-text/foundry-1/card-1/preset.json create mode 100644 styles/block-presets/paragraph/foundry-1/tagline-1/preset.json create mode 100644 styles/block-presets/social-links/foundry-1/social-1/preset.json create mode 100644 styles/colors/foundry-palette.json create mode 100644 styles/typography/foundry-typography.json diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index abb0ac2..1e9ef45 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -1,6 +1,22 @@ { "version": 1, "vibes": { + "foundry-1": { + "styles": { + "elements": { + "h1": { + "typography": { + "fontSize": "clamp(2.313rem, 2.313rem + ((1vw - 0.2rem) * 3.959), 4.688rem)" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(1.875rem, 1.875rem + ((1vw - 0.2rem) * 3.125), 3.75rem)" + } + } + } + } + }, "linen-1": { "settings": { "layout": { diff --git a/styles/block-presets/button/foundry-1/button-1/preset.json b/styles/block-presets/button/foundry-1/button-1/preset.json new file mode 100644 index 0000000..1fd9a22 --- /dev/null +++ b/styles/block-presets/button/foundry-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Button 1", + "slug": "ext-preset--button--foundry-1--button-1", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json new file mode 100644 index 0000000..175fcbc --- /dev/null +++ b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Overlay 1", + "slug": "ext-preset--cover--foundry-1--cover-overlay-1", + "blockTypes": [ + "core/cover" + ], + "styles": { + "color": { + "text": "#FEFEFE" + }, + "blocks": { + "core/heading": { + "color": { + "text": "#FEFEFE" + } + }, + "core/paragraph": { + "color": { + "text": "#FEFEFE" + } + }, + "core/button": { + "color": { + "text": "#010101", + "background": "#FEFEFE" + } + } + } + } +} diff --git a/styles/block-presets/group/foundry-1/footer-1/preset.json b/styles/block-presets/group/foundry-1/footer-1/preset.json new file mode 100644 index 0000000..6e32f99 --- /dev/null +++ b/styles/block-presets/group/foundry-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Footer 1", + "slug": "ext-preset--group--foundry-1--footer-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/foundry-1/header-1/preset.json b/styles/block-presets/group/foundry-1/header-1/preset.json new file mode 100644 index 0000000..255647a --- /dev/null +++ b/styles/block-presets/group/foundry-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Header 1", + "slug": "ext-preset--group--foundry-1--header-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json b/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json new file mode 100644 index 0000000..dd8a705 --- /dev/null +++ b/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Item Card 1 Align Center", + "slug": "ext-preset--group--foundry-1--item-card-1--align-center", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) { text-align: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) > .ext-card-icon { margin-inline: auto; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .wp-block-social-links { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer { align-self: stretch; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-footer .wp-block-buttons { justify-content: center; } &:not(.ext-card-icon-row):not(.ext-card-icon-corner):not(.ext-card-media-left):not(.ext-card-media-right) .ext-card-body:not(.is-layout-flex) .ext-attribution { text-align: start; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json b/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json new file mode 100644 index 0000000..d8fe33c --- /dev/null +++ b/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json @@ -0,0 +1,50 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Item Card 1 Align Start", + "slug": "ext-preset--group--foundry-1--item-card-1--align-start", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "dimensions": { + "minHeight": "100%" + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + } + }, + "core/heading": { + "typography": { + "fontSize": "1.5rem" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + }, + "core/paragraph": { + "typography": { + "fontSize": "var:preset|font-size|small" + }, + "spacing": { + "margin": { + "top": "16px" + } + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; } & > .ext-card-content { padding: var(--wp--custom--space-cozy); } & > .ext-card-content:not(:first-child) { padding-top: 0; } & > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) > .wp-block-group { padding: var(--wp--preset--spacing--30); } &.ext-card-mark-corner .ext-card-icon { order: 1; align-self: flex-end; } & .ext-card-body.is-layout-flex > .ext-card-icon { flex-shrink: 0; } & .ext-card-avatar img { border-radius: 9999px; } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/group/foundry-1/panel-1/preset.json b/styles/block-presets/group/foundry-1/panel-1/preset.json new file mode 100644 index 0000000..b67c851 --- /dev/null +++ b/styles/block-presets/group/foundry-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Panel 1", + "slug": "ext-preset--group--foundry-1--panel-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "css": "& { overflow: hidden; }" + } +} diff --git a/styles/block-presets/group/foundry-1/section-intro-1/preset.json b/styles/block-presets/group/foundry-1/section-intro-1/preset.json new file mode 100644 index 0000000..72dbbd1 --- /dev/null +++ b/styles/block-presets/group/foundry-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Section Intro 1", + "slug": "ext-preset--group--foundry-1--section-intro-1", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section-intro { text-align: left; } &.ext-section-intro > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.ext-split *) { text-align: left; } &.ext-section-intro:is(.wp-block-column *) { text-align: left; } &.ext-section-intro:is(.ext-split *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.wp-block-column *) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; } &.ext-section-intro:is(.ext-split *) .wp-block-buttons { justify-content: flex-start; } &.ext-section-intro:is(.wp-block-column *) .wp-block-buttons { justify-content: flex-start; }" + } +} diff --git a/styles/block-presets/group/foundry-1/section/preset.json b/styles/block-presets/group/foundry-1/section/preset.json new file mode 100644 index 0000000..78ac94f --- /dev/null +++ b/styles/block-presets/group/foundry-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Section", + "slug": "ext-preset--group--foundry-1--section", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + } +} diff --git a/styles/block-presets/group/foundry-1/template/preset.json b/styles/block-presets/group/foundry-1/template/preset.json new file mode 100644 index 0000000..082662c --- /dev/null +++ b/styles/block-presets/group/foundry-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Template", + "slug": "ext-preset--group--foundry-1--template", + "blockTypes": [ + "core/group" + ], + "styles": { + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); }" + } +} diff --git a/styles/block-presets/image/foundry-1/gallery-1/preset.json b/styles/block-presets/image/foundry-1/gallery-1/preset.json new file mode 100644 index 0000000..f85f759 --- /dev/null +++ b/styles/block-presets/image/foundry-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Gallery 1", + "slug": "ext-preset--image--foundry-1--gallery-1", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/foundry-1/icon-1/preset.json b/styles/block-presets/image/foundry-1/icon-1/preset.json new file mode 100644 index 0000000..c7ffea7 --- /dev/null +++ b/styles/block-presets/image/foundry-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Icon 1", + "slug": "ext-preset--image--foundry-1--icon-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/foundry-1/icon-small-1/preset.json b/styles/block-presets/image/foundry-1/icon-small-1/preset.json new file mode 100644 index 0000000..615fbd8 --- /dev/null +++ b/styles/block-presets/image/foundry-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Icon Small 1", + "slug": "ext-preset--image--foundry-1--icon-small-1", + "blockTypes": [ + "core/image" + ], + "styles": {} +} diff --git a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json new file mode 100644 index 0000000..00f3344 --- /dev/null +++ b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Image 1 Content Any", + "slug": "ext-preset--image--foundry-1--image-1--content-any", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json new file mode 100644 index 0000000..ca5106f --- /dev/null +++ b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Image 1 Content Bottom", + "slug": "ext-preset--image--foundry-1--image-1--content-bottom", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json new file mode 100644 index 0000000..481f769 --- /dev/null +++ b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Image 1 Content Left", + "slug": "ext-preset--image--foundry-1--image-1--content-left", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json new file mode 100644 index 0000000..98ebede --- /dev/null +++ b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Image 1 Content Right", + "slug": "ext-preset--image--foundry-1--image-1--content-right", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json new file mode 100644 index 0000000..bbf829d --- /dev/null +++ b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Image 1 Content Top", + "slug": "ext-preset--image--foundry-1--image-1--content-top", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/media-text/foundry-1/card-1/preset.json b/styles/block-presets/media-text/foundry-1/card-1/preset.json new file mode 100644 index 0000000..d1149ef --- /dev/null +++ b/styles/block-presets/media-text/foundry-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Item Card 1", + "slug": "ext-preset--media-text--foundry-1--card-1", + "blockTypes": [ + "core/media-text" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "0px" + }, + "spacing": { + "padding": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + }, + "blocks": { + "core/group": { + "spacing": { + "margin": { + "top": "0" + } + }, + "dimensions": { + "minHeight": "100%" + } + } + }, + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + } +} diff --git a/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json new file mode 100644 index 0000000..74cd4ce --- /dev/null +++ b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Tagline 1", + "slug": "ext-preset--paragraph--foundry-1--tagline-1", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/social-links/foundry-1/social-1/preset.json b/styles/block-presets/social-links/foundry-1/social-1/preset.json new file mode 100644 index 0000000..2d215e8 --- /dev/null +++ b/styles/block-presets/social-links/foundry-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "version": 3, + "title": "Foundry 1 Social 1", + "slug": "ext-preset--social-links--foundry-1--social-1", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "css": "& .wp-social-link { color: var(--wp--custom--color--text-strong) !important; }" + } +} diff --git a/styles/colors/foundry-palette.json b/styles/colors/foundry-palette.json new file mode 100644 index 0000000..31df7a2 --- /dev/null +++ b/styles/colors/foundry-palette.json @@ -0,0 +1,166 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Signal", + "slug": "signal", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#111113", + "#232326" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#111113", + "#E4E4E0" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#111113", + "#F2F2F0" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, + { + "colors": [ + "#232326", + "#111113" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#111113", + "#F2F2F0" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#111113", + "#111113" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F2F2F0", + "#E4E4E0" + ], + "slug": "background-tertiary", + "name": "Background and Background Alt" + } + ], + "palette": [ + { + "slug": "background", + "color": "var(--wp--custom--color--background-base)", + "name": "Background" + }, + { + "slug": "foreground", + "color": "var(--wp--custom--color--text-strong)", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#111113", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#232326", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "var(--wp--custom--color--background-sunken)", + "name": "Tertiary" + }, + { + "slug": "foreground-alt", + "color": "var(--wp--custom--color--text-weak)", + "name": "Foreground Alt" + }, + { + "slug": "background-tint-1", + "color": "var(--wp--custom--color--background-tint-1)", + "name": "Card 1" + }, + { + "slug": "background-tint-2", + "color": "var(--wp--custom--color--background-tint-2)", + "name": "Card 2" + }, + { + "slug": "background-tint-3", + "color": "var(--wp--custom--color--background-tint-3)", + "name": "Card 3" + } + ] + }, + "custom": { + "color": { + "text-strong": "#111113", + "background-base": "#F2F2F0", + "text-weak": "#57575A", + "icon-surface": "#EAEAE8", + "icon-ink": "#111113", + "background-sunken": "#E4E4E0", + "background-tint-1": "#FFBFA7", + "background-tint-2": "#BFD9EE", + "background-tint-3": "#EFE63A", + "background-tint-1-ink": "#111113", + "background-tint-1-weak": "#111113", + "background-tint-2-ink": "#111113", + "background-tint-2-weak": "#111113", + "background-tint-3-ink": "#111113", + "background-tint-3-weak": "#111113" + }, + "elements": { + "button": { + "color": { + "background": "#111113", + "text": "#F2F2F0" + }, + ":hover": { + "color": { + "background": "#232326", + "text": "#F2F2F0" + } + }, + ":focus": { + "color": { + "background": "#111113", + "text": "#F2F2F0" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/linen-palette.json b/styles/colors/linen-palette.json index 246089e..8946f9d 100644 --- a/styles/colors/linen-palette.json +++ b/styles/colors/linen-palette.json @@ -22,6 +22,14 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": [ + "#1F1F23", + "#F8F5E9" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": [ "#333337", diff --git a/styles/colors/marzipan-palette.json b/styles/colors/marzipan-palette.json index 9ef5bfc..dc074bf 100644 --- a/styles/colors/marzipan-palette.json +++ b/styles/colors/marzipan-palette.json @@ -22,6 +22,14 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": [ + "#1B3A8C", + "#FDF1E7" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": [ "#2F52A6", diff --git a/styles/colors/retro-palette.json b/styles/colors/retro-palette.json index 69294f5..c6bc20e 100644 --- a/styles/colors/retro-palette.json +++ b/styles/colors/retro-palette.json @@ -22,6 +22,14 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": [ + "#422922", + "#FCF9E6" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": [ "#583E36", diff --git a/styles/typography/foundry-typography.json b/styles/typography/foundry-typography.json new file mode 100644 index 0000000..81d21ed --- /dev/null +++ b/styles/typography/foundry-typography.json @@ -0,0 +1,36 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Foundry · Montserrat / Inter", + "slug": "ext-foundry", + "styles": { + "typography": { + "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "lineHeight": "1.6" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'Montserrat', 'Arial Narrow', system-ui, sans-serif", + "fontWeight": "700" + } + }, + "h1": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.01em", + "lineHeight": "1.05", + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "fontWeight": "700", + "letterSpacing": "-0.01em", + "lineHeight": "1.05", + "textTransform": "uppercase" + } + } + } + } +} From 8599f6e6bd7292ab699754b27de9b505c45b28fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 11:22:36 +0500 Subject: [PATCH 39/48] Add a primary-and-background duotone to root theme.json MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit So the slug exists for every colorway, not only the ones whose partial generates it. Primary in the shadows, the page's background in the highlights — the one pairing the existing eight root presets don't cover, since they all pair two ink-side or two surface-side colours. Root carries the theme's own default pair, exactly as the existing eight do. A colorway whose partial defines its own primary-and-background overrides it (the Lattice palettes all do, from the palette generator), and one that doesn't inherits the default. Edited as a string insert rather than re-serialized: json.dump reformatted this file once before and produced 123 lines of whitespace noise that had to be reverted. Diff is 5 lines. --- theme.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/theme.json b/theme.json index 598149a..0bc4716 100644 --- a/theme.json +++ b/theme.json @@ -40,6 +40,11 @@ "slug": "primary", "name": "Primary" }, + { + "colors": ["#381d92", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#ffffff", "#1C0A63"], "slug": "secondary", From 59c93f79c0cb7adc1643fc4ece4f6c1826177aea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 11:42:43 +0500 Subject: [PATCH 40/48] Every colorway gets its own primary-and-background duotone MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A duotone cannot be token-driven: WP compiles the two colours into an SVG filter in PHP (colord_parse handles hex, rgb(), hsl() and named colours only — no custom property), so one entry in root theme.json can only ever carry ONE pair. That made the root entry actively misleading: any colorway without its own would grade photos in the default purple, and a wrong colour is harder to notice than a missing one. So the entry moves out of root and into all 39 colorways that lacked it, each derived from its own palette primary and background. 44/44 now define it. Root goes back to its original 8. Not a new convention — cairo already shipped primary-and-background, so this brings the other 43 in line with a slug the theme had already established. Two duotone vocabularies exist across the colorways and each needed its own anchor: 29 files use the "and" family (primary-and-secondary, primary-and-tertiary, ...) and 10 mirror root's own names (grayscale, primary, secondary, ...) with no primary-and-tertiary to insert after. Edited by string insert, never re-serialized: json.dump reformatted theme.json once before and produced 123 lines of whitespace noise. Every file re-parsed after writing; the diff is +5 lines per colourway and nothing else. Verified live: with foundry active, wp_get_global_settings returns primary-and-background = ["#111113","#F2F2F0"] — the palette's own pair, not a fallback. --- styles/colors/bloom.json | 5 +++++ styles/colors/brick.json | 5 +++++ styles/colors/brisbane.json | 5 +++++ styles/colors/clay.json | 5 +++++ styles/colors/cobalt.json | 5 +++++ styles/colors/coral.json | 5 +++++ styles/colors/evergreen.json | 5 +++++ styles/colors/fusion-sky.json | 5 +++++ styles/colors/gdansk.json | 5 +++++ styles/colors/glasgow.json | 5 +++++ styles/colors/gold.json | 5 +++++ styles/colors/graphite.json | 5 +++++ styles/colors/hong-kong.json | 5 +++++ styles/colors/indigo.json | 5 +++++ styles/colors/kampala.json | 5 +++++ styles/colors/lagoon.json | 5 +++++ styles/colors/lilac.json | 5 +++++ styles/colors/lime.json | 5 +++++ styles/colors/limepop.json | 5 +++++ styles/colors/merlot.json | 5 +++++ styles/colors/midnight.json | 5 +++++ styles/colors/moss.json | 5 +++++ styles/colors/mulberry.json | 5 +++++ styles/colors/neon.json | 5 +++++ styles/colors/obsidian.json | 5 +++++ styles/colors/odesa.json | 5 +++++ styles/colors/onyx.json | 5 +++++ styles/colors/orange.json | 5 +++++ styles/colors/piraeus.json | 5 +++++ styles/colors/porto.json | 5 +++++ styles/colors/rio.json | 5 +++++ styles/colors/rosewood.json | 5 +++++ styles/colors/royal.json | 5 +++++ styles/colors/santa-fe.json | 5 +++++ styles/colors/slate.json | 5 +++++ styles/colors/sunset.json | 5 +++++ styles/colors/teal.json | 5 +++++ styles/colors/thimphu.json | 5 +++++ styles/colors/tokyo.json | 5 +++++ theme.json | 5 ----- 40 files changed, 195 insertions(+), 5 deletions(-) diff --git a/styles/colors/bloom.json b/styles/colors/bloom.json index a75da06..706a6a5 100644 --- a/styles/colors/bloom.json +++ b/styles/colors/bloom.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#014932", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#395144", "#014932"], "slug": "secondary-and-primary", diff --git a/styles/colors/brick.json b/styles/colors/brick.json index 5b34570..ed88bdc 100644 --- a/styles/colors/brick.json +++ b/styles/colors/brick.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#7A2812", "#F3EFEC"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#3D4235", "#7A2812"], "slug": "secondary-and-primary", diff --git a/styles/colors/brisbane.json b/styles/colors/brisbane.json index 4a5b401..4f68543 100644 --- a/styles/colors/brisbane.json +++ b/styles/colors/brisbane.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#F9F6DE", "#3f5762"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#000000", "#ffffff"], "slug": "grayscale", diff --git a/styles/colors/clay.json b/styles/colors/clay.json index 5768d42..f7b5a4e 100644 --- a/styles/colors/clay.json +++ b/styles/colors/clay.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#212023", "#FBEBE1"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#744F39", "#212023"], "slug": "secondary-and-primary", diff --git a/styles/colors/cobalt.json b/styles/colors/cobalt.json index 3f66f76..1e71651 100644 --- a/styles/colors/cobalt.json +++ b/styles/colors/cobalt.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#0036F7", "#FFFFFF"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#363C4F", "#0036F7"], "slug": "secondary-and-primary", diff --git a/styles/colors/coral.json b/styles/colors/coral.json index d6a8ffd..0b95ef7 100644 --- a/styles/colors/coral.json +++ b/styles/colors/coral.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#FE8578", "#371025"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#FE8578", "#FE8578"], "slug": "secondary-and-primary", diff --git a/styles/colors/evergreen.json b/styles/colors/evergreen.json index 234b443..0bdbd22 100644 --- a/styles/colors/evergreen.json +++ b/styles/colors/evergreen.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#0B3721", "#FFFFFF"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#061F13", "#0B3721"], "slug": "secondary-and-primary", diff --git a/styles/colors/fusion-sky.json b/styles/colors/fusion-sky.json index 0e452b3..be2ed07 100644 --- a/styles/colors/fusion-sky.json +++ b/styles/colors/fusion-sky.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#0B51C2", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#e3f2f2", "#d61935"], "slug": "secondary-and-primary", diff --git a/styles/colors/gdansk.json b/styles/colors/gdansk.json index e018a96..681fb09 100644 --- a/styles/colors/gdansk.json +++ b/styles/colors/gdansk.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#f5ac8e", "#0c0c0b"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#fcece8", "#0c0c0b"], "slug": "foreground-and-background", diff --git a/styles/colors/glasgow.json b/styles/colors/glasgow.json index 641f530..66fff9f 100644 --- a/styles/colors/glasgow.json +++ b/styles/colors/glasgow.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#3b2300", "#dbd3ce"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#000000", "#ffffff"], "slug": "grayscale", diff --git a/styles/colors/gold.json b/styles/colors/gold.json index 64f10d0..dfbaf85 100644 --- a/styles/colors/gold.json +++ b/styles/colors/gold.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#F9D548", "#181A20"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#ECB92E", "#F9D548"], "slug": "secondary-and-primary", diff --git a/styles/colors/graphite.json b/styles/colors/graphite.json index cec2960..12d8744 100644 --- a/styles/colors/graphite.json +++ b/styles/colors/graphite.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#292929", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#303030", "#292929"], "slug": "secondary-and-primary", diff --git a/styles/colors/hong-kong.json b/styles/colors/hong-kong.json index 92cf744..ba18f23 100644 --- a/styles/colors/hong-kong.json +++ b/styles/colors/hong-kong.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#860000", "#ffebe9"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#c6120d", "#ffebe9"], "slug": "foreground-and-background", diff --git a/styles/colors/indigo.json b/styles/colors/indigo.json index acb993e..7484f81 100644 --- a/styles/colors/indigo.json +++ b/styles/colors/indigo.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#2E3AA3", "#FFF8EF"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#6964C4", "#2E3AA3"], "slug": "secondary-and-primary", diff --git a/styles/colors/kampala.json b/styles/colors/kampala.json index 347caa8..94bec57 100644 --- a/styles/colors/kampala.json +++ b/styles/colors/kampala.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#0B119C", "#f7f9fe"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#010110", "#f7f9fe"], "slug": "foreground-and-background", diff --git a/styles/colors/lagoon.json b/styles/colors/lagoon.json index 161e371..a8b9636 100644 --- a/styles/colors/lagoon.json +++ b/styles/colors/lagoon.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#13607E", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#1F4F70", "#13607E"], "slug": "secondary-and-primary", diff --git a/styles/colors/lilac.json b/styles/colors/lilac.json index c323abe..755f1fc 100644 --- a/styles/colors/lilac.json +++ b/styles/colors/lilac.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#52466A", "#DAD4EB"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#281C39", "#52466A"], "slug": "secondary-and-primary", diff --git a/styles/colors/lime.json b/styles/colors/lime.json index 44cb548..30287bb 100644 --- a/styles/colors/lime.json +++ b/styles/colors/lime.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#5FD542", "#273228"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#EBEAE0", "#5FD542"], "slug": "secondary-and-primary", diff --git a/styles/colors/limepop.json b/styles/colors/limepop.json index 82af942..697565e 100644 --- a/styles/colors/limepop.json +++ b/styles/colors/limepop.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#9EFF34", "#09292C"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#B6FF67", "#9EFF34"], "slug": "secondary-and-primary", diff --git a/styles/colors/merlot.json b/styles/colors/merlot.json index d853154..2e15c53 100644 --- a/styles/colors/merlot.json +++ b/styles/colors/merlot.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#281616", "#FFFFFF"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#492525", "#281616"], "slug": "secondary-and-primary", diff --git a/styles/colors/midnight.json b/styles/colors/midnight.json index a9a3ee8..7178b5f 100644 --- a/styles/colors/midnight.json +++ b/styles/colors/midnight.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#241D1E", "#ECE8E5"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#6E5E60", "#241D1E"], "slug": "secondary-and-primary", diff --git a/styles/colors/moss.json b/styles/colors/moss.json index 6ef5357..3cdf484 100644 --- a/styles/colors/moss.json +++ b/styles/colors/moss.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#2B5544", "#EDFAE5"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#113D2A", "#2B5544"], "slug": "secondary-and-primary", diff --git a/styles/colors/mulberry.json b/styles/colors/mulberry.json index 4378b99..3938b3c 100644 --- a/styles/colors/mulberry.json +++ b/styles/colors/mulberry.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#772F48", "#F6F1EE"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#3D3828", "#772F48"], "slug": "secondary-and-primary", diff --git a/styles/colors/neon.json b/styles/colors/neon.json index 2956b18..4b37598 100644 --- a/styles/colors/neon.json +++ b/styles/colors/neon.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#45242D", "#D4F843"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#102F33", "#45242D"], "slug": "secondary-and-primary", diff --git a/styles/colors/obsidian.json b/styles/colors/obsidian.json index 001334e..985dd7b 100644 --- a/styles/colors/obsidian.json +++ b/styles/colors/obsidian.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#111111", "#F8F4EC"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#333333", "#111111"], "slug": "secondary-and-primary", diff --git a/styles/colors/odesa.json b/styles/colors/odesa.json index b80cb23..dd499a4 100644 --- a/styles/colors/odesa.json +++ b/styles/colors/odesa.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#070f79", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#0b0449", "#ffffff"], "slug": "foreground-and-background", diff --git a/styles/colors/onyx.json b/styles/colors/onyx.json index 8b9a253..3c34a20 100644 --- a/styles/colors/onyx.json +++ b/styles/colors/onyx.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#FFFFFF", "#17181A"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#C4C4C4", "#FFFCFC"], "slug": "secondary-and-primary", diff --git a/styles/colors/orange.json b/styles/colors/orange.json index cd414a0..ca81760 100644 --- a/styles/colors/orange.json +++ b/styles/colors/orange.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#DE3707", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#1A1A1A", "#ffffff"], "slug": "foreground-and-background", diff --git a/styles/colors/piraeus.json b/styles/colors/piraeus.json index ecba5b8..8d39bd9 100644 --- a/styles/colors/piraeus.json +++ b/styles/colors/piraeus.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#A89F84", "#272725"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#000000", "#ffffff"], "slug": "grayscale", diff --git a/styles/colors/porto.json b/styles/colors/porto.json index ecfa09c..a03cda2 100644 --- a/styles/colors/porto.json +++ b/styles/colors/porto.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#854836", "#F8FAF9"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#4D4848", "#F8FAF9"], "slug": "foreground-and-background", diff --git a/styles/colors/rio.json b/styles/colors/rio.json index 96805a8..b625a19 100644 --- a/styles/colors/rio.json +++ b/styles/colors/rio.json @@ -25,6 +25,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#174c2f", "#fbfbfb"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#174c2f", "#010101"], "slug": "primary-foreground", diff --git a/styles/colors/rosewood.json b/styles/colors/rosewood.json index 70b2ca7..af179e5 100644 --- a/styles/colors/rosewood.json +++ b/styles/colors/rosewood.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#832422", "#FBE6F6"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#744F39", "#832422"], "slug": "secondary-and-primary", diff --git a/styles/colors/royal.json b/styles/colors/royal.json index 4e6fcc3..91fe097 100644 --- a/styles/colors/royal.json +++ b/styles/colors/royal.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#FFDA5A", "#243B8C"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#F1F1F1", "#FFDA5A"], "slug": "secondary-and-primary", diff --git a/styles/colors/santa-fe.json b/styles/colors/santa-fe.json index c6af4e0..2270fbf 100644 --- a/styles/colors/santa-fe.json +++ b/styles/colors/santa-fe.json @@ -25,6 +25,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#2c0453", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#2c0453", "#111111"], "slug": "primary-foreground", diff --git a/styles/colors/slate.json b/styles/colors/slate.json index a5c754b..0b75f0f 100644 --- a/styles/colors/slate.json +++ b/styles/colors/slate.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#292928", "#EFEEE7"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#40403E", "#292928"], "slug": "secondary-and-primary", diff --git a/styles/colors/sunset.json b/styles/colors/sunset.json index 680d64d..decd360 100644 --- a/styles/colors/sunset.json +++ b/styles/colors/sunset.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#F88149", "#000000"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#B3B1DF", "#F88149"], "slug": "secondary-and-primary", diff --git a/styles/colors/teal.json b/styles/colors/teal.json index c087e32..26d7379 100644 --- a/styles/colors/teal.json +++ b/styles/colors/teal.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#114C5F", "#FFFFFF"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#59747C", "#114C5F"], "slug": "secondary-and-primary", diff --git a/styles/colors/thimphu.json b/styles/colors/thimphu.json index 9d3f563..045a482 100644 --- a/styles/colors/thimphu.json +++ b/styles/colors/thimphu.json @@ -5,6 +5,11 @@ "settings": { "color": { "duotone": [ + { + "colors": ["#f24139", "#ffebcc"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#f24139", "#ffebcc"], "slug": "foreground-and-background", diff --git a/styles/colors/tokyo.json b/styles/colors/tokyo.json index c974101..9cead38 100644 --- a/styles/colors/tokyo.json +++ b/styles/colors/tokyo.json @@ -15,6 +15,11 @@ "slug": "primary-and-tertiary", "name": "Primary and tertiary" }, + { + "colors": ["#d61935", "#ffffff"], + "slug": "primary-and-background", + "name": "Primary and background" + }, { "colors": ["#e3f2f2", "#d61935"], "slug": "secondary-and-primary", diff --git a/theme.json b/theme.json index 0bc4716..598149a 100644 --- a/theme.json +++ b/theme.json @@ -40,11 +40,6 @@ "slug": "primary", "name": "Primary" }, - { - "colors": ["#381d92", "#ffffff"], - "slug": "primary-and-background", - "name": "Primary and background" - }, { "colors": ["#ffffff", "#1C0A63"], "slug": "secondary", From dc2cf7ca2b704a87d8182eda7b8d861ea967d8cf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 12:49:03 +0500 Subject: [PATCH 41/48] foundry-1 image/gallery/media-text/cover presets carry a colour.duotone MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Applies the palette's own primary-and-background grade via a preset slug, so it follows whichever colorway is active. Front-end renders did not honour it in testing (WP maps duotone per block name, and a style variation is not a block node) — shipped to test in the editor, which applies variations through a different path. --- .../block-presets/cover/foundry-1/cover-overlay-1/preset.json | 2 +- styles/block-presets/image/foundry-1/gallery-1/preset.json | 3 +++ .../image/foundry-1/image-1/content-any/preset.json | 3 +++ .../image/foundry-1/image-1/content-bottom/preset.json | 3 +++ .../image/foundry-1/image-1/content-left/preset.json | 3 +++ .../image/foundry-1/image-1/content-right/preset.json | 3 +++ .../image/foundry-1/image-1/content-top/preset.json | 3 +++ styles/block-presets/media-text/foundry-1/card-1/preset.json | 2 +- 8 files changed, 20 insertions(+), 2 deletions(-) diff --git a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json index 175fcbc..466c533 100644 --- a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json @@ -8,7 +8,7 @@ ], "styles": { "color": { - "text": "#FEFEFE" + "duotone": "var:preset|duotone|primary-and-background" }, "blocks": { "core/heading": { diff --git a/styles/block-presets/image/foundry-1/gallery-1/preset.json b/styles/block-presets/image/foundry-1/gallery-1/preset.json index f85f759..abd3700 100644 --- a/styles/block-presets/image/foundry-1/gallery-1/preset.json +++ b/styles/block-presets/image/foundry-1/gallery-1/preset.json @@ -9,6 +9,9 @@ "styles": { "border": { "radius": "0px" + }, + "color": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json index 00f3344..c9a4bfc 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json @@ -10,6 +10,9 @@ "styles": { "border": { "radius": "0px" + }, + "color": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json index ca5106f..36d3529 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json @@ -10,6 +10,9 @@ "styles": { "border": { "radius": "0px" + }, + "color": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json index 481f769..fe1940b 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json @@ -10,6 +10,9 @@ "styles": { "border": { "radius": "0px" + }, + "color": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json index 98ebede..bc54d0a 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json @@ -10,6 +10,9 @@ "styles": { "border": { "radius": "0px" + }, + "color": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json index bbf829d..752479f 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json @@ -10,6 +10,9 @@ "styles": { "border": { "radius": "0px" + }, + "color": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/media-text/foundry-1/card-1/preset.json b/styles/block-presets/media-text/foundry-1/card-1/preset.json index d1149ef..21ab8fd 100644 --- a/styles/block-presets/media-text/foundry-1/card-1/preset.json +++ b/styles/block-presets/media-text/foundry-1/card-1/preset.json @@ -8,7 +8,7 @@ ], "styles": { "color": { - "background": "var:preset|color|tertiary" + "duotone": "var:preset|duotone|primary-and-background" }, "border": { "radius": "0px" From ae2fcc58c6783de588b499f927472f6211b98933 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 12:56:30 +0500 Subject: [PATCH 42/48] Preset duotone moves to filter.duotone; $schema catches up to trunk MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The theme.json schema defines filter.duotone and has no duotone under color at all — color. duotone is the block-attribute contract, so the previous shape was invalid theme.json. The $schema on every generated preset moves from wp/6.8 to trunk, matching this theme's own theme.json and all 44 colorway partials. Both cap version 3, so nothing about validation changes; it removes the only files in the tree claiming an older contract. --- styles/block-presets/button/ext-ghost/preset.json | 2 +- styles/block-presets/button/ext-link/preset.json | 2 +- styles/block-presets/button/ext-secondary/preset.json | 2 +- styles/block-presets/button/ext-small/preset.json | 2 +- .../block-presets/button/foundry-1/button-1/preset.json | 2 +- styles/block-presets/button/linen-1/button-1/preset.json | 2 +- .../block-presets/button/marzipan-1/button-1/preset.json | 2 +- .../block-presets/button/natural-1/button-1/preset.json | 7 +++++-- styles/block-presets/button/retro-1/button-1/preset.json | 2 +- .../cover/foundry-1/cover-overlay-1/preset.json | 7 +++++-- .../cover/linen-1/cover-overlay-1/preset.json | 2 +- .../cover/marzipan-1/cover-overlay-1/preset.json | 2 +- .../cover/natural-1/cover-overlay-1/preset.json | 6 ++++-- .../cover/retro-1/cover-overlay-1/preset.json | 2 +- styles/block-presets/group/ext-section-dark/preset.json | 2 +- .../block-presets/group/foundry-1/footer-1/preset.json | 2 +- .../block-presets/group/foundry-1/header-1/preset.json | 2 +- .../group/foundry-1/item-card-1/align-center/preset.json | 2 +- .../group/foundry-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/foundry-1/panel-1/preset.json | 2 +- .../group/foundry-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/foundry-1/section/preset.json | 2 +- .../block-presets/group/foundry-1/template/preset.json | 2 +- styles/block-presets/group/linen-1/footer-1/preset.json | 2 +- styles/block-presets/group/linen-1/header-1/preset.json | 2 +- .../group/linen-1/item-card-1/align-center/preset.json | 2 +- .../group/linen-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/linen-1/panel-1/preset.json | 2 +- .../group/linen-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/linen-1/section/preset.json | 2 +- styles/block-presets/group/linen-1/template/preset.json | 2 +- .../block-presets/group/marzipan-1/footer-1/preset.json | 2 +- .../block-presets/group/marzipan-1/header-1/preset.json | 2 +- .../marzipan-1/item-card-1/align-center/preset.json | 2 +- .../group/marzipan-1/item-card-1/align-start/preset.json | 2 +- .../block-presets/group/marzipan-1/panel-1/preset.json | 2 +- .../group/marzipan-1/section-intro-1/preset.json | 2 +- .../block-presets/group/marzipan-1/section/preset.json | 2 +- .../block-presets/group/marzipan-1/template/preset.json | 2 +- .../block-presets/group/natural-1/footer-1/preset.json | 2 +- .../block-presets/group/natural-1/header-1/preset.json | 2 +- .../group/natural-1/item-card-1/align-center/preset.json | 2 +- .../group/natural-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/natural-1/panel-1/preset.json | 2 +- .../group/natural-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/natural-1/section/preset.json | 2 +- .../block-presets/group/natural-1/template/preset.json | 2 +- styles/block-presets/group/retro-1/footer-1/preset.json | 2 +- styles/block-presets/group/retro-1/header-1/preset.json | 2 +- .../group/retro-1/item-card-1/align-center/preset.json | 2 +- .../group/retro-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/retro-1/panel-1/preset.json | 2 +- .../group/retro-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/retro-1/section/preset.json | 2 +- styles/block-presets/group/retro-1/template/preset.json | 2 +- .../block-presets/image/foundry-1/gallery-1/preset.json | 4 ++-- styles/block-presets/image/foundry-1/icon-1/preset.json | 2 +- .../image/foundry-1/icon-small-1/preset.json | 2 +- .../image/foundry-1/image-1/content-any/preset.json | 4 ++-- .../image/foundry-1/image-1/content-bottom/preset.json | 4 ++-- .../image/foundry-1/image-1/content-left/preset.json | 4 ++-- .../image/foundry-1/image-1/content-right/preset.json | 4 ++-- .../image/foundry-1/image-1/content-top/preset.json | 4 ++-- styles/block-presets/image/linen-1/gallery-1/preset.json | 2 +- styles/block-presets/image/linen-1/icon-1/preset.json | 2 +- .../block-presets/image/linen-1/icon-small-1/preset.json | 2 +- .../image/linen-1/image-1/content-any/preset.json | 2 +- .../image/linen-1/image-1/content-bottom/preset.json | 2 +- .../image/linen-1/image-1/content-left/preset.json | 2 +- .../image/linen-1/image-1/content-right/preset.json | 2 +- .../image/linen-1/image-1/content-top/preset.json | 2 +- .../block-presets/image/marzipan-1/gallery-1/preset.json | 2 +- styles/block-presets/image/marzipan-1/icon-1/preset.json | 2 +- .../image/marzipan-1/icon-small-1/preset.json | 2 +- .../image/marzipan-1/image-1/content-any/preset.json | 2 +- .../image/marzipan-1/image-1/content-bottom/preset.json | 2 +- .../image/marzipan-1/image-1/content-left/preset.json | 2 +- .../image/marzipan-1/image-1/content-right/preset.json | 2 +- .../image/marzipan-1/image-1/content-top/preset.json | 2 +- .../block-presets/image/natural-1/gallery-1/preset.json | 2 +- styles/block-presets/image/natural-1/icon-1/preset.json | 2 +- .../image/natural-1/icon-small-1/preset.json | 2 +- .../image/natural-1/image-1/content-any/preset.json | 2 +- .../image/natural-1/image-1/content-bottom/preset.json | 2 +- .../image/natural-1/image-1/content-left/preset.json | 2 +- .../image/natural-1/image-1/content-right/preset.json | 2 +- .../image/natural-1/image-1/content-top/preset.json | 2 +- styles/block-presets/image/retro-1/gallery-1/preset.json | 2 +- styles/block-presets/image/retro-1/icon-1/preset.json | 2 +- .../block-presets/image/retro-1/icon-small-1/preset.json | 2 +- .../image/retro-1/image-1/content-any/preset.json | 2 +- .../image/retro-1/image-1/content-bottom/preset.json | 2 +- .../image/retro-1/image-1/content-left/preset.json | 2 +- .../image/retro-1/image-1/content-right/preset.json | 2 +- .../image/retro-1/image-1/content-top/preset.json | 2 +- .../media-text/foundry-1/card-1/preset.json | 9 ++++++--- .../block-presets/media-text/linen-1/card-1/preset.json | 2 +- .../media-text/marzipan-1/card-1/preset.json | 2 +- .../media-text/natural-1/card-1/preset.json | 2 +- .../block-presets/media-text/retro-1/card-1/preset.json | 2 +- .../paragraph/foundry-1/tagline-1/preset.json | 2 +- .../paragraph/linen-1/tagline-1/preset.json | 2 +- .../paragraph/marzipan-1/tagline-1/preset.json | 2 +- .../paragraph/natural-1/tagline-1/preset.json | 2 +- .../paragraph/retro-1/tagline-1/preset.json | 2 +- .../social-links/foundry-1/social-1/preset.json | 2 +- .../social-links/linen-1/social-1/preset.json | 2 +- .../social-links/marzipan-1/social-1/preset.json | 2 +- .../social-links/natural-1/social-1/preset.json | 2 +- .../social-links/retro-1/social-1/preset.json | 2 +- 110 files changed, 132 insertions(+), 121 deletions(-) diff --git a/styles/block-presets/button/ext-ghost/preset.json b/styles/block-presets/button/ext-ghost/preset.json index 8f08441..dc7ca39 100644 --- a/styles/block-presets/button/ext-ghost/preset.json +++ b/styles/block-presets/button/ext-ghost/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Ghost", "slug": "ext-ghost", diff --git a/styles/block-presets/button/ext-link/preset.json b/styles/block-presets/button/ext-link/preset.json index c587b54..9bc860c 100644 --- a/styles/block-presets/button/ext-link/preset.json +++ b/styles/block-presets/button/ext-link/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Link", "slug": "ext-link", diff --git a/styles/block-presets/button/ext-secondary/preset.json b/styles/block-presets/button/ext-secondary/preset.json index 8e9da2f..30e1060 100644 --- a/styles/block-presets/button/ext-secondary/preset.json +++ b/styles/block-presets/button/ext-secondary/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Secondary", "slug": "ext-secondary", diff --git a/styles/block-presets/button/ext-small/preset.json b/styles/block-presets/button/ext-small/preset.json index 642d3a4..3abc002 100644 --- a/styles/block-presets/button/ext-small/preset.json +++ b/styles/block-presets/button/ext-small/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Small", "slug": "ext-small", diff --git a/styles/block-presets/button/foundry-1/button-1/preset.json b/styles/block-presets/button/foundry-1/button-1/preset.json index 1fd9a22..af2670c 100644 --- a/styles/block-presets/button/foundry-1/button-1/preset.json +++ b/styles/block-presets/button/foundry-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Button 1", "slug": "ext-preset--button--foundry-1--button-1", diff --git a/styles/block-presets/button/linen-1/button-1/preset.json b/styles/block-presets/button/linen-1/button-1/preset.json index 1b61b45..286520a 100644 --- a/styles/block-presets/button/linen-1/button-1/preset.json +++ b/styles/block-presets/button/linen-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Button 1", "slug": "ext-preset--button--linen-1--button-1", diff --git a/styles/block-presets/button/marzipan-1/button-1/preset.json b/styles/block-presets/button/marzipan-1/button-1/preset.json index 3143750..f5dd68c 100644 --- a/styles/block-presets/button/marzipan-1/button-1/preset.json +++ b/styles/block-presets/button/marzipan-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Button 1", "slug": "ext-preset--button--marzipan-1--button-1", diff --git a/styles/block-presets/button/natural-1/button-1/preset.json b/styles/block-presets/button/natural-1/button-1/preset.json index 53dc2a9..156be15 100644 --- a/styles/block-presets/button/natural-1/button-1/preset.json +++ b/styles/block-presets/button/natural-1/button-1/preset.json @@ -1,9 +1,12 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Button 1", "slug": "ext-preset--button--natural-1--button-1", - "blockTypes": ["core/button", "woocommerce/product-button"], + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], "styles": { "typography": { "fontSize": "inherit" diff --git a/styles/block-presets/button/retro-1/button-1/preset.json b/styles/block-presets/button/retro-1/button-1/preset.json index df9ebab..ff0c130 100644 --- a/styles/block-presets/button/retro-1/button-1/preset.json +++ b/styles/block-presets/button/retro-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Button 1", "slug": "ext-preset--button--retro-1--button-1", diff --git a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json index 466c533..76d6f9d 100644 --- a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Overlay 1", "slug": "ext-preset--cover--foundry-1--cover-overlay-1", @@ -8,7 +8,7 @@ ], "styles": { "color": { - "duotone": "var:preset|duotone|primary-and-background" + "text": "#FEFEFE" }, "blocks": { "core/heading": { @@ -27,6 +27,9 @@ "background": "#FEFEFE" } } + }, + "filter": { + "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json index 2f5d5c5..5b704d4 100644 --- a/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Overlay 1", "slug": "ext-preset--cover--linen-1--cover-overlay-1", diff --git a/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json index 498c4fc..b5a504a 100644 --- a/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Overlay 1", "slug": "ext-preset--cover--marzipan-1--cover-overlay-1", diff --git a/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json b/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json index 5ac303f..fd3088f 100644 --- a/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json @@ -1,9 +1,11 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Overlay 1", "slug": "ext-preset--cover--natural-1--cover-overlay-1", - "blockTypes": ["core/cover"], + "blockTypes": [ + "core/cover" + ], "styles": { "color": { "text": "#FEFEFE" diff --git a/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json index caf7e95..f026313 100644 --- a/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Overlay 1", "slug": "ext-preset--cover--retro-1--cover-overlay-1", diff --git a/styles/block-presets/group/ext-section-dark/preset.json b/styles/block-presets/group/ext-section-dark/preset.json index ff8e178..5e5e475 100644 --- a/styles/block-presets/group/ext-section-dark/preset.json +++ b/styles/block-presets/group/ext-section-dark/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Section Dark", "slug": "ext-section-dark", diff --git a/styles/block-presets/group/foundry-1/footer-1/preset.json b/styles/block-presets/group/foundry-1/footer-1/preset.json index 6e32f99..fe03774 100644 --- a/styles/block-presets/group/foundry-1/footer-1/preset.json +++ b/styles/block-presets/group/foundry-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Footer 1", "slug": "ext-preset--group--foundry-1--footer-1", diff --git a/styles/block-presets/group/foundry-1/header-1/preset.json b/styles/block-presets/group/foundry-1/header-1/preset.json index 255647a..d6df3ad 100644 --- a/styles/block-presets/group/foundry-1/header-1/preset.json +++ b/styles/block-presets/group/foundry-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Header 1", "slug": "ext-preset--group--foundry-1--header-1", diff --git a/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json b/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json index dd8a705..3102a6e 100644 --- a/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Item Card 1 Align Center", "slug": "ext-preset--group--foundry-1--item-card-1--align-center", diff --git a/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json b/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json index d8fe33c..20a6092 100644 --- a/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Item Card 1 Align Start", "slug": "ext-preset--group--foundry-1--item-card-1--align-start", diff --git a/styles/block-presets/group/foundry-1/panel-1/preset.json b/styles/block-presets/group/foundry-1/panel-1/preset.json index b67c851..28e25f0 100644 --- a/styles/block-presets/group/foundry-1/panel-1/preset.json +++ b/styles/block-presets/group/foundry-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Panel 1", "slug": "ext-preset--group--foundry-1--panel-1", diff --git a/styles/block-presets/group/foundry-1/section-intro-1/preset.json b/styles/block-presets/group/foundry-1/section-intro-1/preset.json index 72dbbd1..988a823 100644 --- a/styles/block-presets/group/foundry-1/section-intro-1/preset.json +++ b/styles/block-presets/group/foundry-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Section Intro 1", "slug": "ext-preset--group--foundry-1--section-intro-1", diff --git a/styles/block-presets/group/foundry-1/section/preset.json b/styles/block-presets/group/foundry-1/section/preset.json index 78ac94f..87ec026 100644 --- a/styles/block-presets/group/foundry-1/section/preset.json +++ b/styles/block-presets/group/foundry-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Section", "slug": "ext-preset--group--foundry-1--section", diff --git a/styles/block-presets/group/foundry-1/template/preset.json b/styles/block-presets/group/foundry-1/template/preset.json index 082662c..b4d4e60 100644 --- a/styles/block-presets/group/foundry-1/template/preset.json +++ b/styles/block-presets/group/foundry-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Template", "slug": "ext-preset--group--foundry-1--template", diff --git a/styles/block-presets/group/linen-1/footer-1/preset.json b/styles/block-presets/group/linen-1/footer-1/preset.json index 4f79e71..74c9c99 100644 --- a/styles/block-presets/group/linen-1/footer-1/preset.json +++ b/styles/block-presets/group/linen-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Footer 1", "slug": "ext-preset--group--linen-1--footer-1", diff --git a/styles/block-presets/group/linen-1/header-1/preset.json b/styles/block-presets/group/linen-1/header-1/preset.json index 6b29d0d..d4f8394 100644 --- a/styles/block-presets/group/linen-1/header-1/preset.json +++ b/styles/block-presets/group/linen-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Header 1", "slug": "ext-preset--group--linen-1--header-1", diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index 3898d25..52e1d19 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Item Card 1 Align Center", "slug": "ext-preset--group--linen-1--item-card-1--align-center", diff --git a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json index 266ee1e..469bb39 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Item Card 1 Align Start", "slug": "ext-preset--group--linen-1--item-card-1--align-start", diff --git a/styles/block-presets/group/linen-1/panel-1/preset.json b/styles/block-presets/group/linen-1/panel-1/preset.json index 49a0091..dd236dd 100644 --- a/styles/block-presets/group/linen-1/panel-1/preset.json +++ b/styles/block-presets/group/linen-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Panel 1", "slug": "ext-preset--group--linen-1--panel-1", diff --git a/styles/block-presets/group/linen-1/section-intro-1/preset.json b/styles/block-presets/group/linen-1/section-intro-1/preset.json index 21be565..c148872 100644 --- a/styles/block-presets/group/linen-1/section-intro-1/preset.json +++ b/styles/block-presets/group/linen-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Section Intro 1", "slug": "ext-preset--group--linen-1--section-intro-1", diff --git a/styles/block-presets/group/linen-1/section/preset.json b/styles/block-presets/group/linen-1/section/preset.json index fe5747c..188ebf6 100644 --- a/styles/block-presets/group/linen-1/section/preset.json +++ b/styles/block-presets/group/linen-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Section", "slug": "ext-preset--group--linen-1--section", diff --git a/styles/block-presets/group/linen-1/template/preset.json b/styles/block-presets/group/linen-1/template/preset.json index bd4a353..d629ca6 100644 --- a/styles/block-presets/group/linen-1/template/preset.json +++ b/styles/block-presets/group/linen-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Template", "slug": "ext-preset--group--linen-1--template", diff --git a/styles/block-presets/group/marzipan-1/footer-1/preset.json b/styles/block-presets/group/marzipan-1/footer-1/preset.json index bdd4c4d..827ff55 100644 --- a/styles/block-presets/group/marzipan-1/footer-1/preset.json +++ b/styles/block-presets/group/marzipan-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Footer 1", "slug": "ext-preset--group--marzipan-1--footer-1", diff --git a/styles/block-presets/group/marzipan-1/header-1/preset.json b/styles/block-presets/group/marzipan-1/header-1/preset.json index b15156b..9729404 100644 --- a/styles/block-presets/group/marzipan-1/header-1/preset.json +++ b/styles/block-presets/group/marzipan-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Header 1", "slug": "ext-preset--group--marzipan-1--header-1", diff --git a/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json index 3743c2c..ac3c4ff 100644 --- a/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Item Card 1 Align Center", "slug": "ext-preset--group--marzipan-1--item-card-1--align-center", diff --git a/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json index 74bcc11..2e65df5 100644 --- a/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Item Card 1 Align Start", "slug": "ext-preset--group--marzipan-1--item-card-1--align-start", diff --git a/styles/block-presets/group/marzipan-1/panel-1/preset.json b/styles/block-presets/group/marzipan-1/panel-1/preset.json index 7d199df..e19c7dc 100644 --- a/styles/block-presets/group/marzipan-1/panel-1/preset.json +++ b/styles/block-presets/group/marzipan-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Panel 1", "slug": "ext-preset--group--marzipan-1--panel-1", diff --git a/styles/block-presets/group/marzipan-1/section-intro-1/preset.json b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json index 2f6c6ec..053cd46 100644 --- a/styles/block-presets/group/marzipan-1/section-intro-1/preset.json +++ b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Section Intro 1", "slug": "ext-preset--group--marzipan-1--section-intro-1", diff --git a/styles/block-presets/group/marzipan-1/section/preset.json b/styles/block-presets/group/marzipan-1/section/preset.json index c9e0a6c..4fc12fd 100644 --- a/styles/block-presets/group/marzipan-1/section/preset.json +++ b/styles/block-presets/group/marzipan-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Section", "slug": "ext-preset--group--marzipan-1--section", diff --git a/styles/block-presets/group/marzipan-1/template/preset.json b/styles/block-presets/group/marzipan-1/template/preset.json index f8972f1..6537683 100644 --- a/styles/block-presets/group/marzipan-1/template/preset.json +++ b/styles/block-presets/group/marzipan-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Template", "slug": "ext-preset--group--marzipan-1--template", diff --git a/styles/block-presets/group/natural-1/footer-1/preset.json b/styles/block-presets/group/natural-1/footer-1/preset.json index adac7b7..8ca8091 100644 --- a/styles/block-presets/group/natural-1/footer-1/preset.json +++ b/styles/block-presets/group/natural-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Footer 1", "slug": "ext-preset--group--natural-1--footer-1", diff --git a/styles/block-presets/group/natural-1/header-1/preset.json b/styles/block-presets/group/natural-1/header-1/preset.json index 4f9005e..8344e3c 100644 --- a/styles/block-presets/group/natural-1/header-1/preset.json +++ b/styles/block-presets/group/natural-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Header 1", "slug": "ext-preset--group--natural-1--header-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 54ae351..e4d6b11 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 @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Item Card 1 Align Center", "slug": "ext-preset--group--natural-1--item-card-1--align-center", 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 06d7a83..66bdcee 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 @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Item Card 1 Align Start", "slug": "ext-preset--group--natural-1--item-card-1--align-start", diff --git a/styles/block-presets/group/natural-1/panel-1/preset.json b/styles/block-presets/group/natural-1/panel-1/preset.json index ceaf4d3..50be955 100644 --- a/styles/block-presets/group/natural-1/panel-1/preset.json +++ b/styles/block-presets/group/natural-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Panel 1", "slug": "ext-preset--group--natural-1--panel-1", diff --git a/styles/block-presets/group/natural-1/section-intro-1/preset.json b/styles/block-presets/group/natural-1/section-intro-1/preset.json index bacf6ab..131f85c 100644 --- a/styles/block-presets/group/natural-1/section-intro-1/preset.json +++ b/styles/block-presets/group/natural-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Section Intro 1", "slug": "ext-preset--group--natural-1--section-intro-1", diff --git a/styles/block-presets/group/natural-1/section/preset.json b/styles/block-presets/group/natural-1/section/preset.json index 1dde925..4dfa87a 100644 --- a/styles/block-presets/group/natural-1/section/preset.json +++ b/styles/block-presets/group/natural-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Section", "slug": "ext-preset--group--natural-1--section", diff --git a/styles/block-presets/group/natural-1/template/preset.json b/styles/block-presets/group/natural-1/template/preset.json index e24f0b3..9350660 100644 --- a/styles/block-presets/group/natural-1/template/preset.json +++ b/styles/block-presets/group/natural-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Template", "slug": "ext-preset--group--natural-1--template", diff --git a/styles/block-presets/group/retro-1/footer-1/preset.json b/styles/block-presets/group/retro-1/footer-1/preset.json index 6c7c205..f1f12cf 100644 --- a/styles/block-presets/group/retro-1/footer-1/preset.json +++ b/styles/block-presets/group/retro-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Footer 1", "slug": "ext-preset--group--retro-1--footer-1", diff --git a/styles/block-presets/group/retro-1/header-1/preset.json b/styles/block-presets/group/retro-1/header-1/preset.json index c762bf8..b9b0007 100644 --- a/styles/block-presets/group/retro-1/header-1/preset.json +++ b/styles/block-presets/group/retro-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Header 1", "slug": "ext-preset--group--retro-1--header-1", diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index d879ba8..d420634 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Item Card 1 Align Center", "slug": "ext-preset--group--retro-1--item-card-1--align-center", diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json index 198f6f3..9c1fb3f 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Item Card 1 Align Start", "slug": "ext-preset--group--retro-1--item-card-1--align-start", diff --git a/styles/block-presets/group/retro-1/panel-1/preset.json b/styles/block-presets/group/retro-1/panel-1/preset.json index be0915c..2ecc4df 100644 --- a/styles/block-presets/group/retro-1/panel-1/preset.json +++ b/styles/block-presets/group/retro-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Panel 1", "slug": "ext-preset--group--retro-1--panel-1", diff --git a/styles/block-presets/group/retro-1/section-intro-1/preset.json b/styles/block-presets/group/retro-1/section-intro-1/preset.json index 097f696..aea31b8 100644 --- a/styles/block-presets/group/retro-1/section-intro-1/preset.json +++ b/styles/block-presets/group/retro-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Section Intro 1", "slug": "ext-preset--group--retro-1--section-intro-1", diff --git a/styles/block-presets/group/retro-1/section/preset.json b/styles/block-presets/group/retro-1/section/preset.json index f3a2630..207be80 100644 --- a/styles/block-presets/group/retro-1/section/preset.json +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Section", "slug": "ext-preset--group--retro-1--section", diff --git a/styles/block-presets/group/retro-1/template/preset.json b/styles/block-presets/group/retro-1/template/preset.json index d22c6f1..c780de0 100644 --- a/styles/block-presets/group/retro-1/template/preset.json +++ b/styles/block-presets/group/retro-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Template", "slug": "ext-preset--group--retro-1--template", diff --git a/styles/block-presets/image/foundry-1/gallery-1/preset.json b/styles/block-presets/image/foundry-1/gallery-1/preset.json index abd3700..fd15342 100644 --- a/styles/block-presets/image/foundry-1/gallery-1/preset.json +++ b/styles/block-presets/image/foundry-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Gallery 1", "slug": "ext-preset--image--foundry-1--gallery-1", @@ -10,7 +10,7 @@ "border": { "radius": "0px" }, - "color": { + "filter": { "duotone": "var:preset|duotone|primary-and-background" } } diff --git a/styles/block-presets/image/foundry-1/icon-1/preset.json b/styles/block-presets/image/foundry-1/icon-1/preset.json index c7ffea7..b05164b 100644 --- a/styles/block-presets/image/foundry-1/icon-1/preset.json +++ b/styles/block-presets/image/foundry-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Icon 1", "slug": "ext-preset--image--foundry-1--icon-1", diff --git a/styles/block-presets/image/foundry-1/icon-small-1/preset.json b/styles/block-presets/image/foundry-1/icon-small-1/preset.json index 615fbd8..a5aa205 100644 --- a/styles/block-presets/image/foundry-1/icon-small-1/preset.json +++ b/styles/block-presets/image/foundry-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Icon Small 1", "slug": "ext-preset--image--foundry-1--icon-small-1", diff --git a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json index c9a4bfc..59cbcf2 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Any", "slug": "ext-preset--image--foundry-1--image-1--content-any", @@ -11,7 +11,7 @@ "border": { "radius": "0px" }, - "color": { + "filter": { "duotone": "var:preset|duotone|primary-and-background" } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json index 36d3529..1598cea 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Bottom", "slug": "ext-preset--image--foundry-1--image-1--content-bottom", @@ -11,7 +11,7 @@ "border": { "radius": "0px" }, - "color": { + "filter": { "duotone": "var:preset|duotone|primary-and-background" } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json index fe1940b..a1cafe5 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Left", "slug": "ext-preset--image--foundry-1--image-1--content-left", @@ -11,7 +11,7 @@ "border": { "radius": "0px" }, - "color": { + "filter": { "duotone": "var:preset|duotone|primary-and-background" } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json index bc54d0a..c4c4d11 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Right", "slug": "ext-preset--image--foundry-1--image-1--content-right", @@ -11,7 +11,7 @@ "border": { "radius": "0px" }, - "color": { + "filter": { "duotone": "var:preset|duotone|primary-and-background" } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json index 752479f..b224683 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Top", "slug": "ext-preset--image--foundry-1--image-1--content-top", @@ -11,7 +11,7 @@ "border": { "radius": "0px" }, - "color": { + "filter": { "duotone": "var:preset|duotone|primary-and-background" } } diff --git a/styles/block-presets/image/linen-1/gallery-1/preset.json b/styles/block-presets/image/linen-1/gallery-1/preset.json index f8c29d3..6916a2c 100644 --- a/styles/block-presets/image/linen-1/gallery-1/preset.json +++ b/styles/block-presets/image/linen-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Gallery 1", "slug": "ext-preset--image--linen-1--gallery-1", diff --git a/styles/block-presets/image/linen-1/icon-1/preset.json b/styles/block-presets/image/linen-1/icon-1/preset.json index f57479c..e967ace 100644 --- a/styles/block-presets/image/linen-1/icon-1/preset.json +++ b/styles/block-presets/image/linen-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Icon 1", "slug": "ext-preset--image--linen-1--icon-1", diff --git a/styles/block-presets/image/linen-1/icon-small-1/preset.json b/styles/block-presets/image/linen-1/icon-small-1/preset.json index 661214c..3faf94a 100644 --- a/styles/block-presets/image/linen-1/icon-small-1/preset.json +++ b/styles/block-presets/image/linen-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Icon Small 1", "slug": "ext-preset--image--linen-1--icon-small-1", diff --git a/styles/block-presets/image/linen-1/image-1/content-any/preset.json b/styles/block-presets/image/linen-1/image-1/content-any/preset.json index 4ddb255..a37d16b 100644 --- a/styles/block-presets/image/linen-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Any", "slug": "ext-preset--image--linen-1--image-1--content-any", diff --git a/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json b/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json index 21015b1..744914b 100644 --- a/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Bottom", "slug": "ext-preset--image--linen-1--image-1--content-bottom", diff --git a/styles/block-presets/image/linen-1/image-1/content-left/preset.json b/styles/block-presets/image/linen-1/image-1/content-left/preset.json index a283c82..efc7118 100644 --- a/styles/block-presets/image/linen-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Left", "slug": "ext-preset--image--linen-1--image-1--content-left", diff --git a/styles/block-presets/image/linen-1/image-1/content-right/preset.json b/styles/block-presets/image/linen-1/image-1/content-right/preset.json index 2af5fd5..a848321 100644 --- a/styles/block-presets/image/linen-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Right", "slug": "ext-preset--image--linen-1--image-1--content-right", diff --git a/styles/block-presets/image/linen-1/image-1/content-top/preset.json b/styles/block-presets/image/linen-1/image-1/content-top/preset.json index 1196cdc..04af767 100644 --- a/styles/block-presets/image/linen-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Top", "slug": "ext-preset--image--linen-1--image-1--content-top", diff --git a/styles/block-presets/image/marzipan-1/gallery-1/preset.json b/styles/block-presets/image/marzipan-1/gallery-1/preset.json index 192a0d7..eec4b71 100644 --- a/styles/block-presets/image/marzipan-1/gallery-1/preset.json +++ b/styles/block-presets/image/marzipan-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Gallery 1", "slug": "ext-preset--image--marzipan-1--gallery-1", diff --git a/styles/block-presets/image/marzipan-1/icon-1/preset.json b/styles/block-presets/image/marzipan-1/icon-1/preset.json index 80400ac..8b7d72b 100644 --- a/styles/block-presets/image/marzipan-1/icon-1/preset.json +++ b/styles/block-presets/image/marzipan-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Icon 1", "slug": "ext-preset--image--marzipan-1--icon-1", diff --git a/styles/block-presets/image/marzipan-1/icon-small-1/preset.json b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json index 6e69b2e..01577be 100644 --- a/styles/block-presets/image/marzipan-1/icon-small-1/preset.json +++ b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Icon Small 1", "slug": "ext-preset--image--marzipan-1--icon-small-1", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json index 276684b..18115e5 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Any", "slug": "ext-preset--image--marzipan-1--image-1--content-any", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json index b42bf29..1310758 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Bottom", "slug": "ext-preset--image--marzipan-1--image-1--content-bottom", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json index 8a37933..2a41dfd 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Left", "slug": "ext-preset--image--marzipan-1--image-1--content-left", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json index 8378413..ab4d21c 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Right", "slug": "ext-preset--image--marzipan-1--image-1--content-right", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json index f936269..5b281e2 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Top", "slug": "ext-preset--image--marzipan-1--image-1--content-top", diff --git a/styles/block-presets/image/natural-1/gallery-1/preset.json b/styles/block-presets/image/natural-1/gallery-1/preset.json index 6b74bca..f5b092f 100644 --- a/styles/block-presets/image/natural-1/gallery-1/preset.json +++ b/styles/block-presets/image/natural-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Gallery 1", "slug": "ext-preset--image--natural-1--gallery-1", diff --git a/styles/block-presets/image/natural-1/icon-1/preset.json b/styles/block-presets/image/natural-1/icon-1/preset.json index f79ed0f..9f6755f 100644 --- a/styles/block-presets/image/natural-1/icon-1/preset.json +++ b/styles/block-presets/image/natural-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Icon 1", "slug": "ext-preset--image--natural-1--icon-1", diff --git a/styles/block-presets/image/natural-1/icon-small-1/preset.json b/styles/block-presets/image/natural-1/icon-small-1/preset.json index 862cb7b..d468c8d 100644 --- a/styles/block-presets/image/natural-1/icon-small-1/preset.json +++ b/styles/block-presets/image/natural-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Icon Small 1", "slug": "ext-preset--image--natural-1--icon-small-1", diff --git a/styles/block-presets/image/natural-1/image-1/content-any/preset.json b/styles/block-presets/image/natural-1/image-1/content-any/preset.json index 08d7168..1d61937 100644 --- a/styles/block-presets/image/natural-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Image 1 Content Any", "slug": "ext-preset--image--natural-1--image-1--content-any", diff --git a/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json b/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json index e96b244..bef0c73 100644 --- a/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Image 1 Content Bottom", "slug": "ext-preset--image--natural-1--image-1--content-bottom", diff --git a/styles/block-presets/image/natural-1/image-1/content-left/preset.json b/styles/block-presets/image/natural-1/image-1/content-left/preset.json index 3224287..c7ac9e5 100644 --- a/styles/block-presets/image/natural-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Image 1 Content Left", "slug": "ext-preset--image--natural-1--image-1--content-left", diff --git a/styles/block-presets/image/natural-1/image-1/content-right/preset.json b/styles/block-presets/image/natural-1/image-1/content-right/preset.json index 1a2aae6..eda1572 100644 --- a/styles/block-presets/image/natural-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Image 1 Content Right", "slug": "ext-preset--image--natural-1--image-1--content-right", diff --git a/styles/block-presets/image/natural-1/image-1/content-top/preset.json b/styles/block-presets/image/natural-1/image-1/content-top/preset.json index 127fc00..8485423 100644 --- a/styles/block-presets/image/natural-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Image 1 Content Top", "slug": "ext-preset--image--natural-1--image-1--content-top", diff --git a/styles/block-presets/image/retro-1/gallery-1/preset.json b/styles/block-presets/image/retro-1/gallery-1/preset.json index 6a619d4..750c82b 100644 --- a/styles/block-presets/image/retro-1/gallery-1/preset.json +++ b/styles/block-presets/image/retro-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Gallery 1", "slug": "ext-preset--image--retro-1--gallery-1", diff --git a/styles/block-presets/image/retro-1/icon-1/preset.json b/styles/block-presets/image/retro-1/icon-1/preset.json index 41b1ec9..fd0ba66 100644 --- a/styles/block-presets/image/retro-1/icon-1/preset.json +++ b/styles/block-presets/image/retro-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Icon 1", "slug": "ext-preset--image--retro-1--icon-1", diff --git a/styles/block-presets/image/retro-1/icon-small-1/preset.json b/styles/block-presets/image/retro-1/icon-small-1/preset.json index e8c8457..4ff55b3 100644 --- a/styles/block-presets/image/retro-1/icon-small-1/preset.json +++ b/styles/block-presets/image/retro-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Icon Small 1", "slug": "ext-preset--image--retro-1--icon-small-1", diff --git a/styles/block-presets/image/retro-1/image-1/content-any/preset.json b/styles/block-presets/image/retro-1/image-1/content-any/preset.json index 5043ff0..e69fd48 100644 --- a/styles/block-presets/image/retro-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Any", "slug": "ext-preset--image--retro-1--image-1--content-any", diff --git a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json index 4bf0462..a83b588 100644 --- a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Bottom", "slug": "ext-preset--image--retro-1--image-1--content-bottom", diff --git a/styles/block-presets/image/retro-1/image-1/content-left/preset.json b/styles/block-presets/image/retro-1/image-1/content-left/preset.json index e06997f..e0fc2ee 100644 --- a/styles/block-presets/image/retro-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Left", "slug": "ext-preset--image--retro-1--image-1--content-left", diff --git a/styles/block-presets/image/retro-1/image-1/content-right/preset.json b/styles/block-presets/image/retro-1/image-1/content-right/preset.json index 8c19808..00b9967 100644 --- a/styles/block-presets/image/retro-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Right", "slug": "ext-preset--image--retro-1--image-1--content-right", diff --git a/styles/block-presets/image/retro-1/image-1/content-top/preset.json b/styles/block-presets/image/retro-1/image-1/content-top/preset.json index a41b97b..4fa5352 100644 --- a/styles/block-presets/image/retro-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Top", "slug": "ext-preset--image--retro-1--image-1--content-top", diff --git a/styles/block-presets/media-text/foundry-1/card-1/preset.json b/styles/block-presets/media-text/foundry-1/card-1/preset.json index 21ab8fd..3c31fd5 100644 --- a/styles/block-presets/media-text/foundry-1/card-1/preset.json +++ b/styles/block-presets/media-text/foundry-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Item Card 1", "slug": "ext-preset--media-text--foundry-1--card-1", @@ -8,7 +8,7 @@ ], "styles": { "color": { - "duotone": "var:preset|duotone|primary-and-background" + "background": "var:preset|color|tertiary" }, "border": { "radius": "0px" @@ -33,6 +33,9 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }", + "filter": { + "duotone": "var:preset|duotone|primary-and-background" + } } } diff --git a/styles/block-presets/media-text/linen-1/card-1/preset.json b/styles/block-presets/media-text/linen-1/card-1/preset.json index e8cdf55..1827dc4 100644 --- a/styles/block-presets/media-text/linen-1/card-1/preset.json +++ b/styles/block-presets/media-text/linen-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Item Card 1", "slug": "ext-preset--media-text--linen-1--card-1", diff --git a/styles/block-presets/media-text/marzipan-1/card-1/preset.json b/styles/block-presets/media-text/marzipan-1/card-1/preset.json index c6e5394..d223ff1 100644 --- a/styles/block-presets/media-text/marzipan-1/card-1/preset.json +++ b/styles/block-presets/media-text/marzipan-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Item Card 1", "slug": "ext-preset--media-text--marzipan-1--card-1", diff --git a/styles/block-presets/media-text/natural-1/card-1/preset.json b/styles/block-presets/media-text/natural-1/card-1/preset.json index 8efb8ec..4b42933 100644 --- a/styles/block-presets/media-text/natural-1/card-1/preset.json +++ b/styles/block-presets/media-text/natural-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Item Card 1", "slug": "ext-preset--media-text--natural-1--card-1", diff --git a/styles/block-presets/media-text/retro-1/card-1/preset.json b/styles/block-presets/media-text/retro-1/card-1/preset.json index 170c878..db3ea59 100644 --- a/styles/block-presets/media-text/retro-1/card-1/preset.json +++ b/styles/block-presets/media-text/retro-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Item Card 1", "slug": "ext-preset--media-text--retro-1--card-1", diff --git a/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json index 74cd4ce..a9c4df2 100644 --- a/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Tagline 1", "slug": "ext-preset--paragraph--foundry-1--tagline-1", diff --git a/styles/block-presets/paragraph/linen-1/tagline-1/preset.json b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json index 4900a79..03346c1 100644 --- a/styles/block-presets/paragraph/linen-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Tagline 1", "slug": "ext-preset--paragraph--linen-1--tagline-1", diff --git a/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json index 77be39d..df04cdc 100644 --- a/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Tagline 1", "slug": "ext-preset--paragraph--marzipan-1--tagline-1", diff --git a/styles/block-presets/paragraph/natural-1/tagline-1/preset.json b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json index 4a837fb..29ff754 100644 --- a/styles/block-presets/paragraph/natural-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Tagline 1", "slug": "ext-preset--paragraph--natural-1--tagline-1", diff --git a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json index b0f9fa1..4c5df1a 100644 --- a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Tagline 1", "slug": "ext-preset--paragraph--retro-1--tagline-1", diff --git a/styles/block-presets/social-links/foundry-1/social-1/preset.json b/styles/block-presets/social-links/foundry-1/social-1/preset.json index 2d215e8..05417c4 100644 --- a/styles/block-presets/social-links/foundry-1/social-1/preset.json +++ b/styles/block-presets/social-links/foundry-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Foundry 1 Social 1", "slug": "ext-preset--social-links--foundry-1--social-1", diff --git a/styles/block-presets/social-links/linen-1/social-1/preset.json b/styles/block-presets/social-links/linen-1/social-1/preset.json index 2c042e2..334d6a9 100644 --- a/styles/block-presets/social-links/linen-1/social-1/preset.json +++ b/styles/block-presets/social-links/linen-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Linen 1 Social 1", "slug": "ext-preset--social-links--linen-1--social-1", diff --git a/styles/block-presets/social-links/marzipan-1/social-1/preset.json b/styles/block-presets/social-links/marzipan-1/social-1/preset.json index 9a4eddb..b5db3c3 100644 --- a/styles/block-presets/social-links/marzipan-1/social-1/preset.json +++ b/styles/block-presets/social-links/marzipan-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Marzipan 1 Social 1", "slug": "ext-preset--social-links--marzipan-1--social-1", diff --git a/styles/block-presets/social-links/natural-1/social-1/preset.json b/styles/block-presets/social-links/natural-1/social-1/preset.json index c00b6ab..92f6f8b 100644 --- a/styles/block-presets/social-links/natural-1/social-1/preset.json +++ b/styles/block-presets/social-links/natural-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Social 1", "slug": "ext-preset--social-links--natural-1--social-1", diff --git a/styles/block-presets/social-links/retro-1/social-1/preset.json b/styles/block-presets/social-links/retro-1/social-1/preset.json index 281bdf8..1c6d952 100644 --- a/styles/block-presets/social-links/retro-1/social-1/preset.json +++ b/styles/block-presets/social-links/retro-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/theme.json", + "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "title": "Retro 1 Social 1", "slug": "ext-preset--social-links--retro-1--social-1", From 046a723b112338a915a2394f3bd9c27d928b21be Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 13:02:27 +0500 Subject: [PATCH 43/48] Pin the generated presets' $schema to wp/7.0 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The version this target runs (7.0.2), replacing trunk. Verified it caps version 3 and defines styles.filter.duotone identically, so validation is unchanged — this only stops the reference being a moving document. --- styles/block-presets/button/ext-ghost/preset.json | 2 +- styles/block-presets/button/ext-link/preset.json | 2 +- styles/block-presets/button/ext-secondary/preset.json | 2 +- styles/block-presets/button/ext-small/preset.json | 2 +- styles/block-presets/button/foundry-1/button-1/preset.json | 2 +- styles/block-presets/button/linen-1/button-1/preset.json | 2 +- styles/block-presets/button/marzipan-1/button-1/preset.json | 2 +- styles/block-presets/button/natural-1/button-1/preset.json | 2 +- styles/block-presets/button/retro-1/button-1/preset.json | 2 +- .../block-presets/cover/foundry-1/cover-overlay-1/preset.json | 2 +- styles/block-presets/cover/linen-1/cover-overlay-1/preset.json | 2 +- .../block-presets/cover/marzipan-1/cover-overlay-1/preset.json | 2 +- .../block-presets/cover/natural-1/cover-overlay-1/preset.json | 2 +- styles/block-presets/cover/retro-1/cover-overlay-1/preset.json | 2 +- styles/block-presets/group/ext-section-dark/preset.json | 2 +- styles/block-presets/group/foundry-1/footer-1/preset.json | 2 +- styles/block-presets/group/foundry-1/header-1/preset.json | 2 +- .../group/foundry-1/item-card-1/align-center/preset.json | 2 +- .../group/foundry-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/foundry-1/panel-1/preset.json | 2 +- .../block-presets/group/foundry-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/foundry-1/section/preset.json | 2 +- styles/block-presets/group/foundry-1/template/preset.json | 2 +- styles/block-presets/group/linen-1/footer-1/preset.json | 2 +- styles/block-presets/group/linen-1/header-1/preset.json | 2 +- .../group/linen-1/item-card-1/align-center/preset.json | 2 +- .../group/linen-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/linen-1/panel-1/preset.json | 2 +- styles/block-presets/group/linen-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/linen-1/section/preset.json | 2 +- styles/block-presets/group/linen-1/template/preset.json | 2 +- styles/block-presets/group/marzipan-1/footer-1/preset.json | 2 +- styles/block-presets/group/marzipan-1/header-1/preset.json | 2 +- .../group/marzipan-1/item-card-1/align-center/preset.json | 2 +- .../group/marzipan-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/marzipan-1/panel-1/preset.json | 2 +- .../block-presets/group/marzipan-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/marzipan-1/section/preset.json | 2 +- styles/block-presets/group/marzipan-1/template/preset.json | 2 +- styles/block-presets/group/natural-1/footer-1/preset.json | 2 +- styles/block-presets/group/natural-1/header-1/preset.json | 2 +- .../group/natural-1/item-card-1/align-center/preset.json | 2 +- .../group/natural-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/natural-1/panel-1/preset.json | 2 +- .../block-presets/group/natural-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/natural-1/section/preset.json | 2 +- styles/block-presets/group/natural-1/template/preset.json | 2 +- styles/block-presets/group/retro-1/footer-1/preset.json | 2 +- styles/block-presets/group/retro-1/header-1/preset.json | 2 +- .../group/retro-1/item-card-1/align-center/preset.json | 2 +- .../group/retro-1/item-card-1/align-start/preset.json | 2 +- styles/block-presets/group/retro-1/panel-1/preset.json | 2 +- styles/block-presets/group/retro-1/section-intro-1/preset.json | 2 +- styles/block-presets/group/retro-1/section/preset.json | 2 +- styles/block-presets/group/retro-1/template/preset.json | 2 +- styles/block-presets/image/foundry-1/gallery-1/preset.json | 2 +- styles/block-presets/image/foundry-1/icon-1/preset.json | 2 +- styles/block-presets/image/foundry-1/icon-small-1/preset.json | 2 +- .../image/foundry-1/image-1/content-any/preset.json | 2 +- .../image/foundry-1/image-1/content-bottom/preset.json | 2 +- .../image/foundry-1/image-1/content-left/preset.json | 2 +- .../image/foundry-1/image-1/content-right/preset.json | 2 +- .../image/foundry-1/image-1/content-top/preset.json | 2 +- styles/block-presets/image/linen-1/gallery-1/preset.json | 2 +- styles/block-presets/image/linen-1/icon-1/preset.json | 2 +- styles/block-presets/image/linen-1/icon-small-1/preset.json | 2 +- .../block-presets/image/linen-1/image-1/content-any/preset.json | 2 +- .../image/linen-1/image-1/content-bottom/preset.json | 2 +- .../image/linen-1/image-1/content-left/preset.json | 2 +- .../image/linen-1/image-1/content-right/preset.json | 2 +- .../block-presets/image/linen-1/image-1/content-top/preset.json | 2 +- styles/block-presets/image/marzipan-1/gallery-1/preset.json | 2 +- styles/block-presets/image/marzipan-1/icon-1/preset.json | 2 +- styles/block-presets/image/marzipan-1/icon-small-1/preset.json | 2 +- .../image/marzipan-1/image-1/content-any/preset.json | 2 +- .../image/marzipan-1/image-1/content-bottom/preset.json | 2 +- .../image/marzipan-1/image-1/content-left/preset.json | 2 +- .../image/marzipan-1/image-1/content-right/preset.json | 2 +- .../image/marzipan-1/image-1/content-top/preset.json | 2 +- styles/block-presets/image/natural-1/gallery-1/preset.json | 2 +- styles/block-presets/image/natural-1/icon-1/preset.json | 2 +- styles/block-presets/image/natural-1/icon-small-1/preset.json | 2 +- .../image/natural-1/image-1/content-any/preset.json | 2 +- .../image/natural-1/image-1/content-bottom/preset.json | 2 +- .../image/natural-1/image-1/content-left/preset.json | 2 +- .../image/natural-1/image-1/content-right/preset.json | 2 +- .../image/natural-1/image-1/content-top/preset.json | 2 +- styles/block-presets/image/retro-1/gallery-1/preset.json | 2 +- styles/block-presets/image/retro-1/icon-1/preset.json | 2 +- styles/block-presets/image/retro-1/icon-small-1/preset.json | 2 +- .../block-presets/image/retro-1/image-1/content-any/preset.json | 2 +- .../image/retro-1/image-1/content-bottom/preset.json | 2 +- .../image/retro-1/image-1/content-left/preset.json | 2 +- .../image/retro-1/image-1/content-right/preset.json | 2 +- .../block-presets/image/retro-1/image-1/content-top/preset.json | 2 +- styles/block-presets/media-text/foundry-1/card-1/preset.json | 2 +- styles/block-presets/media-text/linen-1/card-1/preset.json | 2 +- styles/block-presets/media-text/marzipan-1/card-1/preset.json | 2 +- styles/block-presets/media-text/natural-1/card-1/preset.json | 2 +- styles/block-presets/media-text/retro-1/card-1/preset.json | 2 +- styles/block-presets/paragraph/foundry-1/tagline-1/preset.json | 2 +- styles/block-presets/paragraph/linen-1/tagline-1/preset.json | 2 +- styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json | 2 +- styles/block-presets/paragraph/natural-1/tagline-1/preset.json | 2 +- styles/block-presets/paragraph/retro-1/tagline-1/preset.json | 2 +- .../block-presets/social-links/foundry-1/social-1/preset.json | 2 +- styles/block-presets/social-links/linen-1/social-1/preset.json | 2 +- .../block-presets/social-links/marzipan-1/social-1/preset.json | 2 +- .../block-presets/social-links/natural-1/social-1/preset.json | 2 +- styles/block-presets/social-links/retro-1/social-1/preset.json | 2 +- 110 files changed, 110 insertions(+), 110 deletions(-) diff --git a/styles/block-presets/button/ext-ghost/preset.json b/styles/block-presets/button/ext-ghost/preset.json index dc7ca39..b85ae07 100644 --- a/styles/block-presets/button/ext-ghost/preset.json +++ b/styles/block-presets/button/ext-ghost/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Ghost", "slug": "ext-ghost", diff --git a/styles/block-presets/button/ext-link/preset.json b/styles/block-presets/button/ext-link/preset.json index 9bc860c..6dbf010 100644 --- a/styles/block-presets/button/ext-link/preset.json +++ b/styles/block-presets/button/ext-link/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Link", "slug": "ext-link", diff --git a/styles/block-presets/button/ext-secondary/preset.json b/styles/block-presets/button/ext-secondary/preset.json index 30e1060..98299ab 100644 --- a/styles/block-presets/button/ext-secondary/preset.json +++ b/styles/block-presets/button/ext-secondary/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Secondary", "slug": "ext-secondary", diff --git a/styles/block-presets/button/ext-small/preset.json b/styles/block-presets/button/ext-small/preset.json index 3abc002..3fedbef 100644 --- a/styles/block-presets/button/ext-small/preset.json +++ b/styles/block-presets/button/ext-small/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Small", "slug": "ext-small", diff --git a/styles/block-presets/button/foundry-1/button-1/preset.json b/styles/block-presets/button/foundry-1/button-1/preset.json index af2670c..bddb89b 100644 --- a/styles/block-presets/button/foundry-1/button-1/preset.json +++ b/styles/block-presets/button/foundry-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Button 1", "slug": "ext-preset--button--foundry-1--button-1", diff --git a/styles/block-presets/button/linen-1/button-1/preset.json b/styles/block-presets/button/linen-1/button-1/preset.json index 286520a..6aa27de 100644 --- a/styles/block-presets/button/linen-1/button-1/preset.json +++ b/styles/block-presets/button/linen-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Button 1", "slug": "ext-preset--button--linen-1--button-1", diff --git a/styles/block-presets/button/marzipan-1/button-1/preset.json b/styles/block-presets/button/marzipan-1/button-1/preset.json index f5dd68c..0491b43 100644 --- a/styles/block-presets/button/marzipan-1/button-1/preset.json +++ b/styles/block-presets/button/marzipan-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Button 1", "slug": "ext-preset--button--marzipan-1--button-1", diff --git a/styles/block-presets/button/natural-1/button-1/preset.json b/styles/block-presets/button/natural-1/button-1/preset.json index 156be15..d3bbefa 100644 --- a/styles/block-presets/button/natural-1/button-1/preset.json +++ b/styles/block-presets/button/natural-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Button 1", "slug": "ext-preset--button--natural-1--button-1", diff --git a/styles/block-presets/button/retro-1/button-1/preset.json b/styles/block-presets/button/retro-1/button-1/preset.json index ff0c130..bd931d6 100644 --- a/styles/block-presets/button/retro-1/button-1/preset.json +++ b/styles/block-presets/button/retro-1/button-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Button 1", "slug": "ext-preset--button--retro-1--button-1", diff --git a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json index 76d6f9d..47ecf4f 100644 --- a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Overlay 1", "slug": "ext-preset--cover--foundry-1--cover-overlay-1", diff --git a/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json index 5b704d4..f8caa30 100644 --- a/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Overlay 1", "slug": "ext-preset--cover--linen-1--cover-overlay-1", diff --git a/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json index b5a504a..9668f9c 100644 --- a/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Overlay 1", "slug": "ext-preset--cover--marzipan-1--cover-overlay-1", diff --git a/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json b/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json index fd3088f..d7a6591 100644 --- a/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Overlay 1", "slug": "ext-preset--cover--natural-1--cover-overlay-1", diff --git a/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json index f026313..f5bd58a 100644 --- a/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Overlay 1", "slug": "ext-preset--cover--retro-1--cover-overlay-1", diff --git a/styles/block-presets/group/ext-section-dark/preset.json b/styles/block-presets/group/ext-section-dark/preset.json index 5e5e475..30c2fd0 100644 --- a/styles/block-presets/group/ext-section-dark/preset.json +++ b/styles/block-presets/group/ext-section-dark/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Section Dark", "slug": "ext-section-dark", diff --git a/styles/block-presets/group/foundry-1/footer-1/preset.json b/styles/block-presets/group/foundry-1/footer-1/preset.json index fe03774..325cde2 100644 --- a/styles/block-presets/group/foundry-1/footer-1/preset.json +++ b/styles/block-presets/group/foundry-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Footer 1", "slug": "ext-preset--group--foundry-1--footer-1", diff --git a/styles/block-presets/group/foundry-1/header-1/preset.json b/styles/block-presets/group/foundry-1/header-1/preset.json index d6df3ad..a3a44ac 100644 --- a/styles/block-presets/group/foundry-1/header-1/preset.json +++ b/styles/block-presets/group/foundry-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Header 1", "slug": "ext-preset--group--foundry-1--header-1", diff --git a/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json b/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json index 3102a6e..e87edc1 100644 --- a/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/foundry-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Item Card 1 Align Center", "slug": "ext-preset--group--foundry-1--item-card-1--align-center", diff --git a/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json b/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json index 20a6092..268ace1 100644 --- a/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/foundry-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Item Card 1 Align Start", "slug": "ext-preset--group--foundry-1--item-card-1--align-start", diff --git a/styles/block-presets/group/foundry-1/panel-1/preset.json b/styles/block-presets/group/foundry-1/panel-1/preset.json index 28e25f0..3ba2801 100644 --- a/styles/block-presets/group/foundry-1/panel-1/preset.json +++ b/styles/block-presets/group/foundry-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Panel 1", "slug": "ext-preset--group--foundry-1--panel-1", diff --git a/styles/block-presets/group/foundry-1/section-intro-1/preset.json b/styles/block-presets/group/foundry-1/section-intro-1/preset.json index 988a823..abad73d 100644 --- a/styles/block-presets/group/foundry-1/section-intro-1/preset.json +++ b/styles/block-presets/group/foundry-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Section Intro 1", "slug": "ext-preset--group--foundry-1--section-intro-1", diff --git a/styles/block-presets/group/foundry-1/section/preset.json b/styles/block-presets/group/foundry-1/section/preset.json index 87ec026..14e4605 100644 --- a/styles/block-presets/group/foundry-1/section/preset.json +++ b/styles/block-presets/group/foundry-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Section", "slug": "ext-preset--group--foundry-1--section", diff --git a/styles/block-presets/group/foundry-1/template/preset.json b/styles/block-presets/group/foundry-1/template/preset.json index b4d4e60..1231ac2 100644 --- a/styles/block-presets/group/foundry-1/template/preset.json +++ b/styles/block-presets/group/foundry-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Template", "slug": "ext-preset--group--foundry-1--template", diff --git a/styles/block-presets/group/linen-1/footer-1/preset.json b/styles/block-presets/group/linen-1/footer-1/preset.json index 74c9c99..6d2c1f2 100644 --- a/styles/block-presets/group/linen-1/footer-1/preset.json +++ b/styles/block-presets/group/linen-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Footer 1", "slug": "ext-preset--group--linen-1--footer-1", diff --git a/styles/block-presets/group/linen-1/header-1/preset.json b/styles/block-presets/group/linen-1/header-1/preset.json index d4f8394..bb3321c 100644 --- a/styles/block-presets/group/linen-1/header-1/preset.json +++ b/styles/block-presets/group/linen-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Header 1", "slug": "ext-preset--group--linen-1--header-1", diff --git a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json index 52e1d19..e4ecedf 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Item Card 1 Align Center", "slug": "ext-preset--group--linen-1--item-card-1--align-center", diff --git a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json index 469bb39..0298501 100644 --- a/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/linen-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Item Card 1 Align Start", "slug": "ext-preset--group--linen-1--item-card-1--align-start", diff --git a/styles/block-presets/group/linen-1/panel-1/preset.json b/styles/block-presets/group/linen-1/panel-1/preset.json index dd236dd..98bf2ac 100644 --- a/styles/block-presets/group/linen-1/panel-1/preset.json +++ b/styles/block-presets/group/linen-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Panel 1", "slug": "ext-preset--group--linen-1--panel-1", diff --git a/styles/block-presets/group/linen-1/section-intro-1/preset.json b/styles/block-presets/group/linen-1/section-intro-1/preset.json index c148872..1231adf 100644 --- a/styles/block-presets/group/linen-1/section-intro-1/preset.json +++ b/styles/block-presets/group/linen-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Section Intro 1", "slug": "ext-preset--group--linen-1--section-intro-1", diff --git a/styles/block-presets/group/linen-1/section/preset.json b/styles/block-presets/group/linen-1/section/preset.json index 188ebf6..9c08963 100644 --- a/styles/block-presets/group/linen-1/section/preset.json +++ b/styles/block-presets/group/linen-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Section", "slug": "ext-preset--group--linen-1--section", diff --git a/styles/block-presets/group/linen-1/template/preset.json b/styles/block-presets/group/linen-1/template/preset.json index d629ca6..8c61b2a 100644 --- a/styles/block-presets/group/linen-1/template/preset.json +++ b/styles/block-presets/group/linen-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Template", "slug": "ext-preset--group--linen-1--template", diff --git a/styles/block-presets/group/marzipan-1/footer-1/preset.json b/styles/block-presets/group/marzipan-1/footer-1/preset.json index 827ff55..a623192 100644 --- a/styles/block-presets/group/marzipan-1/footer-1/preset.json +++ b/styles/block-presets/group/marzipan-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Footer 1", "slug": "ext-preset--group--marzipan-1--footer-1", diff --git a/styles/block-presets/group/marzipan-1/header-1/preset.json b/styles/block-presets/group/marzipan-1/header-1/preset.json index 9729404..dc83467 100644 --- a/styles/block-presets/group/marzipan-1/header-1/preset.json +++ b/styles/block-presets/group/marzipan-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Header 1", "slug": "ext-preset--group--marzipan-1--header-1", diff --git a/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json index ac3c4ff..6a0066c 100644 --- a/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Item Card 1 Align Center", "slug": "ext-preset--group--marzipan-1--item-card-1--align-center", diff --git a/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json index 2e65df5..ed300c8 100644 --- a/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Item Card 1 Align Start", "slug": "ext-preset--group--marzipan-1--item-card-1--align-start", diff --git a/styles/block-presets/group/marzipan-1/panel-1/preset.json b/styles/block-presets/group/marzipan-1/panel-1/preset.json index e19c7dc..6d7d937 100644 --- a/styles/block-presets/group/marzipan-1/panel-1/preset.json +++ b/styles/block-presets/group/marzipan-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Panel 1", "slug": "ext-preset--group--marzipan-1--panel-1", diff --git a/styles/block-presets/group/marzipan-1/section-intro-1/preset.json b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json index 053cd46..db3b2f1 100644 --- a/styles/block-presets/group/marzipan-1/section-intro-1/preset.json +++ b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Section Intro 1", "slug": "ext-preset--group--marzipan-1--section-intro-1", diff --git a/styles/block-presets/group/marzipan-1/section/preset.json b/styles/block-presets/group/marzipan-1/section/preset.json index 4fc12fd..90727f9 100644 --- a/styles/block-presets/group/marzipan-1/section/preset.json +++ b/styles/block-presets/group/marzipan-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Section", "slug": "ext-preset--group--marzipan-1--section", diff --git a/styles/block-presets/group/marzipan-1/template/preset.json b/styles/block-presets/group/marzipan-1/template/preset.json index 6537683..d7fbe03 100644 --- a/styles/block-presets/group/marzipan-1/template/preset.json +++ b/styles/block-presets/group/marzipan-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Template", "slug": "ext-preset--group--marzipan-1--template", diff --git a/styles/block-presets/group/natural-1/footer-1/preset.json b/styles/block-presets/group/natural-1/footer-1/preset.json index 8ca8091..d777484 100644 --- a/styles/block-presets/group/natural-1/footer-1/preset.json +++ b/styles/block-presets/group/natural-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Footer 1", "slug": "ext-preset--group--natural-1--footer-1", diff --git a/styles/block-presets/group/natural-1/header-1/preset.json b/styles/block-presets/group/natural-1/header-1/preset.json index 8344e3c..7b299aa 100644 --- a/styles/block-presets/group/natural-1/header-1/preset.json +++ b/styles/block-presets/group/natural-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Header 1", "slug": "ext-preset--group--natural-1--header-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 e4d6b11..1085a47 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 @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Item Card 1 Align Center", "slug": "ext-preset--group--natural-1--item-card-1--align-center", 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 66bdcee..2af9bc1 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 @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Item Card 1 Align Start", "slug": "ext-preset--group--natural-1--item-card-1--align-start", diff --git a/styles/block-presets/group/natural-1/panel-1/preset.json b/styles/block-presets/group/natural-1/panel-1/preset.json index 50be955..f4a8639 100644 --- a/styles/block-presets/group/natural-1/panel-1/preset.json +++ b/styles/block-presets/group/natural-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Panel 1", "slug": "ext-preset--group--natural-1--panel-1", diff --git a/styles/block-presets/group/natural-1/section-intro-1/preset.json b/styles/block-presets/group/natural-1/section-intro-1/preset.json index 131f85c..198b45d 100644 --- a/styles/block-presets/group/natural-1/section-intro-1/preset.json +++ b/styles/block-presets/group/natural-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Section Intro 1", "slug": "ext-preset--group--natural-1--section-intro-1", diff --git a/styles/block-presets/group/natural-1/section/preset.json b/styles/block-presets/group/natural-1/section/preset.json index 4dfa87a..839e335 100644 --- a/styles/block-presets/group/natural-1/section/preset.json +++ b/styles/block-presets/group/natural-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Section", "slug": "ext-preset--group--natural-1--section", diff --git a/styles/block-presets/group/natural-1/template/preset.json b/styles/block-presets/group/natural-1/template/preset.json index 9350660..b25969e 100644 --- a/styles/block-presets/group/natural-1/template/preset.json +++ b/styles/block-presets/group/natural-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Template", "slug": "ext-preset--group--natural-1--template", diff --git a/styles/block-presets/group/retro-1/footer-1/preset.json b/styles/block-presets/group/retro-1/footer-1/preset.json index f1f12cf..0375747 100644 --- a/styles/block-presets/group/retro-1/footer-1/preset.json +++ b/styles/block-presets/group/retro-1/footer-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Footer 1", "slug": "ext-preset--group--retro-1--footer-1", diff --git a/styles/block-presets/group/retro-1/header-1/preset.json b/styles/block-presets/group/retro-1/header-1/preset.json index b9b0007..8458540 100644 --- a/styles/block-presets/group/retro-1/header-1/preset.json +++ b/styles/block-presets/group/retro-1/header-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Header 1", "slug": "ext-preset--group--retro-1--header-1", diff --git a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json index d420634..5b7dbd3 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Item Card 1 Align Center", "slug": "ext-preset--group--retro-1--item-card-1--align-center", diff --git a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json index 9c1fb3f..327bfdc 100644 --- a/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json +++ b/styles/block-presets/group/retro-1/item-card-1/align-start/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Item Card 1 Align Start", "slug": "ext-preset--group--retro-1--item-card-1--align-start", diff --git a/styles/block-presets/group/retro-1/panel-1/preset.json b/styles/block-presets/group/retro-1/panel-1/preset.json index 2ecc4df..c1cf6c5 100644 --- a/styles/block-presets/group/retro-1/panel-1/preset.json +++ b/styles/block-presets/group/retro-1/panel-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Panel 1", "slug": "ext-preset--group--retro-1--panel-1", diff --git a/styles/block-presets/group/retro-1/section-intro-1/preset.json b/styles/block-presets/group/retro-1/section-intro-1/preset.json index aea31b8..9d3fb1d 100644 --- a/styles/block-presets/group/retro-1/section-intro-1/preset.json +++ b/styles/block-presets/group/retro-1/section-intro-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Section Intro 1", "slug": "ext-preset--group--retro-1--section-intro-1", diff --git a/styles/block-presets/group/retro-1/section/preset.json b/styles/block-presets/group/retro-1/section/preset.json index 207be80..9b5d63a 100644 --- a/styles/block-presets/group/retro-1/section/preset.json +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Section", "slug": "ext-preset--group--retro-1--section", diff --git a/styles/block-presets/group/retro-1/template/preset.json b/styles/block-presets/group/retro-1/template/preset.json index c780de0..b20eb9a 100644 --- a/styles/block-presets/group/retro-1/template/preset.json +++ b/styles/block-presets/group/retro-1/template/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Template", "slug": "ext-preset--group--retro-1--template", diff --git a/styles/block-presets/image/foundry-1/gallery-1/preset.json b/styles/block-presets/image/foundry-1/gallery-1/preset.json index fd15342..72b56be 100644 --- a/styles/block-presets/image/foundry-1/gallery-1/preset.json +++ b/styles/block-presets/image/foundry-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Gallery 1", "slug": "ext-preset--image--foundry-1--gallery-1", diff --git a/styles/block-presets/image/foundry-1/icon-1/preset.json b/styles/block-presets/image/foundry-1/icon-1/preset.json index b05164b..1143da7 100644 --- a/styles/block-presets/image/foundry-1/icon-1/preset.json +++ b/styles/block-presets/image/foundry-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Icon 1", "slug": "ext-preset--image--foundry-1--icon-1", diff --git a/styles/block-presets/image/foundry-1/icon-small-1/preset.json b/styles/block-presets/image/foundry-1/icon-small-1/preset.json index a5aa205..5052ed6 100644 --- a/styles/block-presets/image/foundry-1/icon-small-1/preset.json +++ b/styles/block-presets/image/foundry-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Icon Small 1", "slug": "ext-preset--image--foundry-1--icon-small-1", diff --git a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json index 59cbcf2..4749854 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Any", "slug": "ext-preset--image--foundry-1--image-1--content-any", diff --git a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json index 1598cea..dce0ea2 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Bottom", "slug": "ext-preset--image--foundry-1--image-1--content-bottom", diff --git a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json index a1cafe5..6a2d0f9 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Left", "slug": "ext-preset--image--foundry-1--image-1--content-left", diff --git a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json index c4c4d11..762f18c 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Right", "slug": "ext-preset--image--foundry-1--image-1--content-right", diff --git a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json index b224683..b6f8479 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Image 1 Content Top", "slug": "ext-preset--image--foundry-1--image-1--content-top", diff --git a/styles/block-presets/image/linen-1/gallery-1/preset.json b/styles/block-presets/image/linen-1/gallery-1/preset.json index 6916a2c..92418f2 100644 --- a/styles/block-presets/image/linen-1/gallery-1/preset.json +++ b/styles/block-presets/image/linen-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Gallery 1", "slug": "ext-preset--image--linen-1--gallery-1", diff --git a/styles/block-presets/image/linen-1/icon-1/preset.json b/styles/block-presets/image/linen-1/icon-1/preset.json index e967ace..70e96aa 100644 --- a/styles/block-presets/image/linen-1/icon-1/preset.json +++ b/styles/block-presets/image/linen-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Icon 1", "slug": "ext-preset--image--linen-1--icon-1", diff --git a/styles/block-presets/image/linen-1/icon-small-1/preset.json b/styles/block-presets/image/linen-1/icon-small-1/preset.json index 3faf94a..76755f9 100644 --- a/styles/block-presets/image/linen-1/icon-small-1/preset.json +++ b/styles/block-presets/image/linen-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Icon Small 1", "slug": "ext-preset--image--linen-1--icon-small-1", diff --git a/styles/block-presets/image/linen-1/image-1/content-any/preset.json b/styles/block-presets/image/linen-1/image-1/content-any/preset.json index a37d16b..02e4007 100644 --- a/styles/block-presets/image/linen-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Any", "slug": "ext-preset--image--linen-1--image-1--content-any", diff --git a/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json b/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json index 744914b..67d17c1 100644 --- a/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Bottom", "slug": "ext-preset--image--linen-1--image-1--content-bottom", diff --git a/styles/block-presets/image/linen-1/image-1/content-left/preset.json b/styles/block-presets/image/linen-1/image-1/content-left/preset.json index efc7118..3f63874 100644 --- a/styles/block-presets/image/linen-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Left", "slug": "ext-preset--image--linen-1--image-1--content-left", diff --git a/styles/block-presets/image/linen-1/image-1/content-right/preset.json b/styles/block-presets/image/linen-1/image-1/content-right/preset.json index a848321..853a2a4 100644 --- a/styles/block-presets/image/linen-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Right", "slug": "ext-preset--image--linen-1--image-1--content-right", diff --git a/styles/block-presets/image/linen-1/image-1/content-top/preset.json b/styles/block-presets/image/linen-1/image-1/content-top/preset.json index 04af767..0f1d6ca 100644 --- a/styles/block-presets/image/linen-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/linen-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Image 1 Content Top", "slug": "ext-preset--image--linen-1--image-1--content-top", diff --git a/styles/block-presets/image/marzipan-1/gallery-1/preset.json b/styles/block-presets/image/marzipan-1/gallery-1/preset.json index eec4b71..8bdeaf3 100644 --- a/styles/block-presets/image/marzipan-1/gallery-1/preset.json +++ b/styles/block-presets/image/marzipan-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Gallery 1", "slug": "ext-preset--image--marzipan-1--gallery-1", diff --git a/styles/block-presets/image/marzipan-1/icon-1/preset.json b/styles/block-presets/image/marzipan-1/icon-1/preset.json index 8b7d72b..9f6978b 100644 --- a/styles/block-presets/image/marzipan-1/icon-1/preset.json +++ b/styles/block-presets/image/marzipan-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Icon 1", "slug": "ext-preset--image--marzipan-1--icon-1", diff --git a/styles/block-presets/image/marzipan-1/icon-small-1/preset.json b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json index 01577be..738b96b 100644 --- a/styles/block-presets/image/marzipan-1/icon-small-1/preset.json +++ b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Icon Small 1", "slug": "ext-preset--image--marzipan-1--icon-small-1", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json index 18115e5..bb74c14 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Any", "slug": "ext-preset--image--marzipan-1--image-1--content-any", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json index 1310758..0dca706 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Bottom", "slug": "ext-preset--image--marzipan-1--image-1--content-bottom", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json index 2a41dfd..9497089 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Left", "slug": "ext-preset--image--marzipan-1--image-1--content-left", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json index ab4d21c..9c01cd5 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Right", "slug": "ext-preset--image--marzipan-1--image-1--content-right", diff --git a/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json index 5b281e2..9d35a69 100644 --- a/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Image 1 Content Top", "slug": "ext-preset--image--marzipan-1--image-1--content-top", diff --git a/styles/block-presets/image/natural-1/gallery-1/preset.json b/styles/block-presets/image/natural-1/gallery-1/preset.json index f5b092f..a0e3a04 100644 --- a/styles/block-presets/image/natural-1/gallery-1/preset.json +++ b/styles/block-presets/image/natural-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Gallery 1", "slug": "ext-preset--image--natural-1--gallery-1", diff --git a/styles/block-presets/image/natural-1/icon-1/preset.json b/styles/block-presets/image/natural-1/icon-1/preset.json index 9f6755f..135b99e 100644 --- a/styles/block-presets/image/natural-1/icon-1/preset.json +++ b/styles/block-presets/image/natural-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Icon 1", "slug": "ext-preset--image--natural-1--icon-1", diff --git a/styles/block-presets/image/natural-1/icon-small-1/preset.json b/styles/block-presets/image/natural-1/icon-small-1/preset.json index d468c8d..d667727 100644 --- a/styles/block-presets/image/natural-1/icon-small-1/preset.json +++ b/styles/block-presets/image/natural-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Icon Small 1", "slug": "ext-preset--image--natural-1--icon-small-1", diff --git a/styles/block-presets/image/natural-1/image-1/content-any/preset.json b/styles/block-presets/image/natural-1/image-1/content-any/preset.json index 1d61937..a61db12 100644 --- a/styles/block-presets/image/natural-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Image 1 Content Any", "slug": "ext-preset--image--natural-1--image-1--content-any", diff --git a/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json b/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json index bef0c73..7db09fa 100644 --- a/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Image 1 Content Bottom", "slug": "ext-preset--image--natural-1--image-1--content-bottom", diff --git a/styles/block-presets/image/natural-1/image-1/content-left/preset.json b/styles/block-presets/image/natural-1/image-1/content-left/preset.json index c7ac9e5..464edb9 100644 --- a/styles/block-presets/image/natural-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Image 1 Content Left", "slug": "ext-preset--image--natural-1--image-1--content-left", diff --git a/styles/block-presets/image/natural-1/image-1/content-right/preset.json b/styles/block-presets/image/natural-1/image-1/content-right/preset.json index eda1572..f4e080e 100644 --- a/styles/block-presets/image/natural-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Image 1 Content Right", "slug": "ext-preset--image--natural-1--image-1--content-right", diff --git a/styles/block-presets/image/natural-1/image-1/content-top/preset.json b/styles/block-presets/image/natural-1/image-1/content-top/preset.json index 8485423..14ecaa4 100644 --- a/styles/block-presets/image/natural-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/natural-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Image 1 Content Top", "slug": "ext-preset--image--natural-1--image-1--content-top", diff --git a/styles/block-presets/image/retro-1/gallery-1/preset.json b/styles/block-presets/image/retro-1/gallery-1/preset.json index 750c82b..293a5b7 100644 --- a/styles/block-presets/image/retro-1/gallery-1/preset.json +++ b/styles/block-presets/image/retro-1/gallery-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Gallery 1", "slug": "ext-preset--image--retro-1--gallery-1", diff --git a/styles/block-presets/image/retro-1/icon-1/preset.json b/styles/block-presets/image/retro-1/icon-1/preset.json index fd0ba66..3f35f32 100644 --- a/styles/block-presets/image/retro-1/icon-1/preset.json +++ b/styles/block-presets/image/retro-1/icon-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Icon 1", "slug": "ext-preset--image--retro-1--icon-1", diff --git a/styles/block-presets/image/retro-1/icon-small-1/preset.json b/styles/block-presets/image/retro-1/icon-small-1/preset.json index 4ff55b3..17992a5 100644 --- a/styles/block-presets/image/retro-1/icon-small-1/preset.json +++ b/styles/block-presets/image/retro-1/icon-small-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Icon Small 1", "slug": "ext-preset--image--retro-1--icon-small-1", diff --git a/styles/block-presets/image/retro-1/image-1/content-any/preset.json b/styles/block-presets/image/retro-1/image-1/content-any/preset.json index e69fd48..c6103e4 100644 --- a/styles/block-presets/image/retro-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-any/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Any", "slug": "ext-preset--image--retro-1--image-1--content-any", diff --git a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json index a83b588..59b25a5 100644 --- a/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Bottom", "slug": "ext-preset--image--retro-1--image-1--content-bottom", diff --git a/styles/block-presets/image/retro-1/image-1/content-left/preset.json b/styles/block-presets/image/retro-1/image-1/content-left/preset.json index e0fc2ee..3464dd9 100644 --- a/styles/block-presets/image/retro-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-left/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Left", "slug": "ext-preset--image--retro-1--image-1--content-left", diff --git a/styles/block-presets/image/retro-1/image-1/content-right/preset.json b/styles/block-presets/image/retro-1/image-1/content-right/preset.json index 00b9967..20b3509 100644 --- a/styles/block-presets/image/retro-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-right/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Right", "slug": "ext-preset--image--retro-1--image-1--content-right", diff --git a/styles/block-presets/image/retro-1/image-1/content-top/preset.json b/styles/block-presets/image/retro-1/image-1/content-top/preset.json index 4fa5352..8356237 100644 --- a/styles/block-presets/image/retro-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/retro-1/image-1/content-top/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Image 1 Content Top", "slug": "ext-preset--image--retro-1--image-1--content-top", diff --git a/styles/block-presets/media-text/foundry-1/card-1/preset.json b/styles/block-presets/media-text/foundry-1/card-1/preset.json index 3c31fd5..275012a 100644 --- a/styles/block-presets/media-text/foundry-1/card-1/preset.json +++ b/styles/block-presets/media-text/foundry-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Item Card 1", "slug": "ext-preset--media-text--foundry-1--card-1", diff --git a/styles/block-presets/media-text/linen-1/card-1/preset.json b/styles/block-presets/media-text/linen-1/card-1/preset.json index 1827dc4..fa4b64d 100644 --- a/styles/block-presets/media-text/linen-1/card-1/preset.json +++ b/styles/block-presets/media-text/linen-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Item Card 1", "slug": "ext-preset--media-text--linen-1--card-1", diff --git a/styles/block-presets/media-text/marzipan-1/card-1/preset.json b/styles/block-presets/media-text/marzipan-1/card-1/preset.json index d223ff1..934bdde 100644 --- a/styles/block-presets/media-text/marzipan-1/card-1/preset.json +++ b/styles/block-presets/media-text/marzipan-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Item Card 1", "slug": "ext-preset--media-text--marzipan-1--card-1", diff --git a/styles/block-presets/media-text/natural-1/card-1/preset.json b/styles/block-presets/media-text/natural-1/card-1/preset.json index 4b42933..0d7151d 100644 --- a/styles/block-presets/media-text/natural-1/card-1/preset.json +++ b/styles/block-presets/media-text/natural-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Item Card 1", "slug": "ext-preset--media-text--natural-1--card-1", diff --git a/styles/block-presets/media-text/retro-1/card-1/preset.json b/styles/block-presets/media-text/retro-1/card-1/preset.json index db3ea59..f402d49 100644 --- a/styles/block-presets/media-text/retro-1/card-1/preset.json +++ b/styles/block-presets/media-text/retro-1/card-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Item Card 1", "slug": "ext-preset--media-text--retro-1--card-1", diff --git a/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json index a9c4df2..20f9a9e 100644 --- a/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Tagline 1", "slug": "ext-preset--paragraph--foundry-1--tagline-1", diff --git a/styles/block-presets/paragraph/linen-1/tagline-1/preset.json b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json index 03346c1..a450ffa 100644 --- a/styles/block-presets/paragraph/linen-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Tagline 1", "slug": "ext-preset--paragraph--linen-1--tagline-1", diff --git a/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json index df04cdc..539ed1b 100644 --- a/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Tagline 1", "slug": "ext-preset--paragraph--marzipan-1--tagline-1", diff --git a/styles/block-presets/paragraph/natural-1/tagline-1/preset.json b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json index 29ff754..46d66ad 100644 --- a/styles/block-presets/paragraph/natural-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Tagline 1", "slug": "ext-preset--paragraph--natural-1--tagline-1", diff --git a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json index 4c5df1a..354cc0e 100644 --- a/styles/block-presets/paragraph/retro-1/tagline-1/preset.json +++ b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Tagline 1", "slug": "ext-preset--paragraph--retro-1--tagline-1", diff --git a/styles/block-presets/social-links/foundry-1/social-1/preset.json b/styles/block-presets/social-links/foundry-1/social-1/preset.json index 05417c4..51ff1f6 100644 --- a/styles/block-presets/social-links/foundry-1/social-1/preset.json +++ b/styles/block-presets/social-links/foundry-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Foundry 1 Social 1", "slug": "ext-preset--social-links--foundry-1--social-1", diff --git a/styles/block-presets/social-links/linen-1/social-1/preset.json b/styles/block-presets/social-links/linen-1/social-1/preset.json index 334d6a9..79ff8f3 100644 --- a/styles/block-presets/social-links/linen-1/social-1/preset.json +++ b/styles/block-presets/social-links/linen-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Linen 1 Social 1", "slug": "ext-preset--social-links--linen-1--social-1", diff --git a/styles/block-presets/social-links/marzipan-1/social-1/preset.json b/styles/block-presets/social-links/marzipan-1/social-1/preset.json index b5db3c3..9793c49 100644 --- a/styles/block-presets/social-links/marzipan-1/social-1/preset.json +++ b/styles/block-presets/social-links/marzipan-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Marzipan 1 Social 1", "slug": "ext-preset--social-links--marzipan-1--social-1", diff --git a/styles/block-presets/social-links/natural-1/social-1/preset.json b/styles/block-presets/social-links/natural-1/social-1/preset.json index 92f6f8b..0425758 100644 --- a/styles/block-presets/social-links/natural-1/social-1/preset.json +++ b/styles/block-presets/social-links/natural-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Social 1", "slug": "ext-preset--social-links--natural-1--social-1", diff --git a/styles/block-presets/social-links/retro-1/social-1/preset.json b/styles/block-presets/social-links/retro-1/social-1/preset.json index 1c6d952..0ccbd0e 100644 --- a/styles/block-presets/social-links/retro-1/social-1/preset.json +++ b/styles/block-presets/social-links/retro-1/social-1/preset.json @@ -1,5 +1,5 @@ { - "$schema": "https://schemas.wp.org/trunk/theme.json", + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", "version": 3, "title": "Retro 1 Social 1", "slug": "ext-preset--social-links--retro-1--social-1", From 2a6373541ddbff69aa45bea89e904999dd6a87f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 14:35:25 +0500 Subject: [PATCH 44/48] foundry-1: block-node duotone, mono voice, 56/120rem measure MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The duotone moves to styles.blocks.core/image|core/cover .filter.duotone in the vibe globals manifest — the only path WP actually reads, since its duotone map is keyed per block name and a style variation is invisible to it. IBM Plex Mono headings at 400 uppercase over Manrope, uppercase buttons, and a 56rem/120rem measure. --- inc/ext-vibe-globals.json | 18 +++++++++++++++++ .../button/foundry-1/button-1/preset.json | 4 +++- styles/colors/foundry-palette.json | 18 ++++++++--------- styles/typography/foundry-typography.json | 20 +++++++++---------- 4 files changed, 40 insertions(+), 20 deletions(-) diff --git a/inc/ext-vibe-globals.json b/inc/ext-vibe-globals.json index 1e9ef45..99d5595 100644 --- a/inc/ext-vibe-globals.json +++ b/inc/ext-vibe-globals.json @@ -2,6 +2,12 @@ "version": 1, "vibes": { "foundry-1": { + "settings": { + "layout": { + "contentSize": "56rem", + "wideSize": "120rem" + } + }, "styles": { "elements": { "h1": { @@ -14,6 +20,18 @@ "fontSize": "clamp(1.875rem, 1.875rem + ((1vw - 0.2rem) * 3.125), 3.75rem)" } } + }, + "blocks": { + "core/image": { + "filter": { + "duotone": "var:preset|duotone|primary-and-background" + } + }, + "core/cover": { + "filter": { + "duotone": "var:preset|duotone|primary-and-background" + } + } } } }, diff --git a/styles/block-presets/button/foundry-1/button-1/preset.json b/styles/block-presets/button/foundry-1/button-1/preset.json index bddb89b..bd07cbe 100644 --- a/styles/block-presets/button/foundry-1/button-1/preset.json +++ b/styles/block-presets/button/foundry-1/button-1/preset.json @@ -9,7 +9,9 @@ ], "styles": { "typography": { - "fontSize": "inherit" + "fontSize": "inherit", + "textTransform": "uppercase", + "letterSpacing": "0.06em" }, "border": { "radius": "0px" diff --git a/styles/colors/foundry-palette.json b/styles/colors/foundry-palette.json index 31df7a2..a8b2712 100644 --- a/styles/colors/foundry-palette.json +++ b/styles/colors/foundry-palette.json @@ -25,7 +25,7 @@ { "colors": [ "#111113", - "#F2F2F0" + "#E7E7E7" ], "slug": "primary-and-background", "name": "Primary and background" @@ -41,7 +41,7 @@ { "colors": [ "#111113", - "#F2F2F0" + "#E7E7E7" ], "slug": "foreground-and-background", "name": "Foreground and background" @@ -56,7 +56,7 @@ }, { "colors": [ - "#F2F2F0", + "#E7E7E7", "#E4E4E0" ], "slug": "background-tertiary", @@ -114,9 +114,9 @@ "custom": { "color": { "text-strong": "#111113", - "background-base": "#F2F2F0", - "text-weak": "#57575A", - "icon-surface": "#EAEAE8", + "background-base": "#E7E7E7", + "text-weak": "#4C4C4F", + "icon-surface": "#DFDFDF", "icon-ink": "#111113", "background-sunken": "#E4E4E0", "background-tint-1": "#FFBFA7", @@ -133,18 +133,18 @@ "button": { "color": { "background": "#111113", - "text": "#F2F2F0" + "text": "#E7E7E7" }, ":hover": { "color": { "background": "#232326", - "text": "#F2F2F0" + "text": "#E7E7E7" } }, ":focus": { "color": { "background": "#111113", - "text": "#F2F2F0" + "text": "#E7E7E7" } } } diff --git a/styles/typography/foundry-typography.json b/styles/typography/foundry-typography.json index 81d21ed..2672535 100644 --- a/styles/typography/foundry-typography.json +++ b/styles/typography/foundry-typography.json @@ -1,33 +1,33 @@ { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, - "title": "Foundry · Montserrat / Inter", + "title": "Foundry · IBM Plex Mono / Manrope", "slug": "ext-foundry", "styles": { "typography": { - "fontFamily": "'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif", + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", "lineHeight": "1.6" }, "elements": { "heading": { "typography": { - "fontFamily": "'Montserrat', 'Arial Narrow', system-ui, sans-serif", - "fontWeight": "700" + "fontFamily": "'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace", + "fontWeight": "400" } }, "h1": { "typography": { - "fontWeight": "700", - "letterSpacing": "-0.01em", - "lineHeight": "1.05", + "fontWeight": "400", + "letterSpacing": "0.01em", + "lineHeight": "1.15", "textTransform": "uppercase" } }, "h2": { "typography": { - "fontWeight": "700", - "letterSpacing": "-0.01em", - "lineHeight": "1.05", + "fontWeight": "400", + "letterSpacing": "0.01em", + "lineHeight": "1.15", "textTransform": "uppercase" } } From 084271fc0f98ea1ea045f458d6bceb43c3484b9f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 15:00:55 +0500 Subject: [PATCH 45/48] foundry-1 takes the staggered grid layout: staggered on the vibe, so the section preset emits the stagger. Its offset collapses below 48rem through a clamped value rather than a media query, which a preset css string cannot carry. --- styles/block-presets/group/foundry-1/section/preset.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/block-presets/group/foundry-1/section/preset.json b/styles/block-presets/group/foundry-1/section/preset.json index 14e4605..c9ab619 100644 --- a/styles/block-presets/group/foundry-1/section/preset.json +++ b/styles/block-presets/group/foundry-1/section/preset.json @@ -7,6 +7,6 @@ "core/group" ], "styles": { - "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; }" + "css": "&.ext-section.has-background { padding-top: 0; padding-bottom: 0; } &.has-tertiary-background-color { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &.ext-tint-1 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &.ext-tint-2 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-3 { --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); } &.ext-tint-1 .ext-card:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &.ext-tint-2 .ext-card:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } & .ext-grid { gap: var(--wp--custom--gap-loose) !important; } & .ext-card:not(.ext-card-media-text) { gap: var(--wp--custom--gap-cozy) !important; } & .ext-card-body { gap: var(--wp--custom--gap-tight) !important; } &.ext-section > * { margin-block-start: var(--wp--custom--gap-block) !important; } &.ext-section > *:first-child { margin-block-start: 0 !important; } & .ext-grid > :nth-child(even) { translate: 0 clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); } & .ext-grid { padding-block-end: clamp(0px, (100vw - 48rem) * 999, var(--wp--preset--spacing--40)); }" } } From 731064a67a76e418e711facf413fd65779951504 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 15:06:53 +0500 Subject: [PATCH 46/48] Uppercase headings reach h1-h6 headingCase moves from an h3-only entry onto the shared heading element, which theme.json applies to every level. Affects foundry-1 (newly set) and retro-1, which had asked for uppercase headings and only ever got h3. --- styles/typography/foundry-typography.json | 3 ++- styles/typography/retro-typography.json | 8 ++------ 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/styles/typography/foundry-typography.json b/styles/typography/foundry-typography.json index 2672535..09b834c 100644 --- a/styles/typography/foundry-typography.json +++ b/styles/typography/foundry-typography.json @@ -12,7 +12,8 @@ "heading": { "typography": { "fontFamily": "'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace", - "fontWeight": "400" + "fontWeight": "400", + "textTransform": "uppercase" } }, "h1": { diff --git a/styles/typography/retro-typography.json b/styles/typography/retro-typography.json index 8e859e1..93c9d2c 100644 --- a/styles/typography/retro-typography.json +++ b/styles/typography/retro-typography.json @@ -11,7 +11,8 @@ "heading": { "typography": { "fontFamily": "'Fraunces', 'Fraunces Variable', Georgia, 'Times New Roman', serif", - "fontWeight": "800" + "fontWeight": "800", + "textTransform": "uppercase" } }, "h1": { @@ -29,11 +30,6 @@ "lineHeight": "1.05", "textTransform": "uppercase" } - }, - "h3": { - "typography": { - "textTransform": "uppercase" - } } } } From 0bea74a47c942c7198f7ed51a463bd31c4cb6aed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 15:13:17 +0500 Subject: [PATCH 47/48] Restore retro-1's heading case; Foundry's wash steps away from its paper headingCase returns to h3-only so retro-typography.json matches what shipped; h1-h6 is opt-in now. Foundry's wash #E4E4E0 -> #D5D5D0, a 0.056 lightness step off the paper instead of 0.010, so a sunken band reads as sunken. --- styles/colors/foundry-palette.json | 6 +++--- styles/typography/foundry-typography.json | 8 ++++++-- styles/typography/retro-typography.json | 8 ++++++-- 3 files changed, 15 insertions(+), 7 deletions(-) diff --git a/styles/colors/foundry-palette.json b/styles/colors/foundry-palette.json index a8b2712..24b78f5 100644 --- a/styles/colors/foundry-palette.json +++ b/styles/colors/foundry-palette.json @@ -17,7 +17,7 @@ { "colors": [ "#111113", - "#E4E4E0" + "#D5D5D0" ], "slug": "primary-and-tertiary", "name": "Primary and tertiary" @@ -57,7 +57,7 @@ { "colors": [ "#E7E7E7", - "#E4E4E0" + "#D5D5D0" ], "slug": "background-tertiary", "name": "Background and Background Alt" @@ -118,7 +118,7 @@ "text-weak": "#4C4C4F", "icon-surface": "#DFDFDF", "icon-ink": "#111113", - "background-sunken": "#E4E4E0", + "background-sunken": "#D5D5D0", "background-tint-1": "#FFBFA7", "background-tint-2": "#BFD9EE", "background-tint-3": "#EFE63A", diff --git a/styles/typography/foundry-typography.json b/styles/typography/foundry-typography.json index 09b834c..1ba661d 100644 --- a/styles/typography/foundry-typography.json +++ b/styles/typography/foundry-typography.json @@ -12,8 +12,7 @@ "heading": { "typography": { "fontFamily": "'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace", - "fontWeight": "400", - "textTransform": "uppercase" + "fontWeight": "400" } }, "h1": { @@ -31,6 +30,11 @@ "lineHeight": "1.15", "textTransform": "uppercase" } + }, + "h3": { + "typography": { + "textTransform": "uppercase" + } } } } diff --git a/styles/typography/retro-typography.json b/styles/typography/retro-typography.json index 93c9d2c..8e859e1 100644 --- a/styles/typography/retro-typography.json +++ b/styles/typography/retro-typography.json @@ -11,8 +11,7 @@ "heading": { "typography": { "fontFamily": "'Fraunces', 'Fraunces Variable', Georgia, 'Times New Roman', serif", - "fontWeight": "800", - "textTransform": "uppercase" + "fontWeight": "800" } }, "h1": { @@ -30,6 +29,11 @@ "lineHeight": "1.05", "textTransform": "uppercase" } + }, + "h3": { + "typography": { + "textTransform": "uppercase" + } } } } From 482d97549ad0a92c8bd2107d6e49cbb38ada718c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAmjad?= Date: Tue, 4 Aug 2026 15:30:02 +0500 Subject: [PATCH 48/48] Uppercase reaches h1-h6 on foundry-1; presets drop the inert duotone MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit headingCaseLevels now survives the type expansion, so foundry-1's heading element carries the transform for every level. retro-1 unchanged. The image/gallery/media-text/cover presets lose their filter.duotone — WP never read it there; the vibe globals block node is the live path. --- .../cover/foundry-1/cover-overlay-1/preset.json | 3 --- styles/block-presets/image/foundry-1/gallery-1/preset.json | 3 --- .../image/foundry-1/image-1/content-any/preset.json | 3 --- .../image/foundry-1/image-1/content-bottom/preset.json | 3 --- .../image/foundry-1/image-1/content-left/preset.json | 3 --- .../image/foundry-1/image-1/content-right/preset.json | 3 --- .../image/foundry-1/image-1/content-top/preset.json | 3 --- styles/block-presets/media-text/foundry-1/card-1/preset.json | 5 +---- styles/typography/foundry-typography.json | 3 ++- 9 files changed, 3 insertions(+), 26 deletions(-) diff --git a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json index 47ecf4f..de66d60 100644 --- a/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json +++ b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json @@ -27,9 +27,6 @@ "background": "#FEFEFE" } } - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/gallery-1/preset.json b/styles/block-presets/image/foundry-1/gallery-1/preset.json index 72b56be..ea611be 100644 --- a/styles/block-presets/image/foundry-1/gallery-1/preset.json +++ b/styles/block-presets/image/foundry-1/gallery-1/preset.json @@ -9,9 +9,6 @@ "styles": { "border": { "radius": "0px" - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json index 4749854..718dd6b 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-any/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-any/preset.json @@ -10,9 +10,6 @@ "styles": { "border": { "radius": "0px" - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json index dce0ea2..23283ef 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-bottom/preset.json @@ -10,9 +10,6 @@ "styles": { "border": { "radius": "0px" - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json index 6a2d0f9..9b99d8e 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-left/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-left/preset.json @@ -10,9 +10,6 @@ "styles": { "border": { "radius": "0px" - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json index 762f18c..dc9d0ce 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-right/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-right/preset.json @@ -10,9 +10,6 @@ "styles": { "border": { "radius": "0px" - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json index b6f8479..0de2e19 100644 --- a/styles/block-presets/image/foundry-1/image-1/content-top/preset.json +++ b/styles/block-presets/image/foundry-1/image-1/content-top/preset.json @@ -10,9 +10,6 @@ "styles": { "border": { "radius": "0px" - }, - "filter": { - "duotone": "var:preset|duotone|primary-and-background" } } } diff --git a/styles/block-presets/media-text/foundry-1/card-1/preset.json b/styles/block-presets/media-text/foundry-1/card-1/preset.json index 275012a..ecec33f 100644 --- a/styles/block-presets/media-text/foundry-1/card-1/preset.json +++ b/styles/block-presets/media-text/foundry-1/card-1/preset.json @@ -33,9 +33,6 @@ } } }, - "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }", - "filter": { - "duotone": "var:preset|duotone|primary-and-background" - } + "css": "& { background-color: var:preset|color|tertiary !important; overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } & .ext-card-content { padding: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-footer { padding-left: var(--wp--custom--space-cozy); padding-right: var(--wp--custom--space-cozy); padding-bottom: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:first-child { padding-top: var(--wp--custom--space-cozy); } & :where(:not(.ext-card-content)) > .ext-card-body:last-child { padding-bottom: var(--wp--custom--space-cozy); } &:where(:not(.ext-card)) .wp-block-group { padding: var(--wp--preset--spacing--30); } & { --wp--custom--color--text-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 72%, var(--wp--preset--color--tertiary)); --wp--custom--color--background-base: var(--wp--preset--color--tertiary); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--preset--color--foreground) 45%, var(--wp--preset--color--tertiary)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--preset--color--foreground) 18%, var(--wp--preset--color--tertiary)); } &:nth-child(3n + 1) { background-color: var(--wp--custom--color--background-tint-1) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-1-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-1-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-1-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-1); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 45%, var(--wp--custom--color--background-tint-1)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-1-ink) 18%, var(--wp--custom--color--background-tint-1)); } &:nth-child(3n + 2) { background-color: var(--wp--custom--color--background-tint-2) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-2-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-2-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-2-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-2); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 45%, var(--wp--custom--color--background-tint-2)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-2-ink) 18%, var(--wp--custom--color--background-tint-2)); } &:nth-child(3n + 3) { background-color: var(--wp--custom--color--background-tint-3) !important; --wp--preset--color--foreground: var(--wp--custom--color--background-tint-3-ink); --wp--preset--color--foreground-alt: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--text-strong: var(--wp--custom--color--background-tint-3-ink); --wp--custom--color--text-weak: var(--wp--custom--color--background-tint-3-weak); --wp--custom--color--background-base: var(--wp--custom--color--background-tint-3); --wp--custom--color--stroke-strong: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 45%, var(--wp--custom--color--background-tint-3)); --wp--custom--color--stroke-weak: color-mix(in oklab, var(--wp--custom--color--background-tint-3-ink) 18%, var(--wp--custom--color--background-tint-3)); }" } } diff --git a/styles/typography/foundry-typography.json b/styles/typography/foundry-typography.json index 1ba661d..8301ddf 100644 --- a/styles/typography/foundry-typography.json +++ b/styles/typography/foundry-typography.json @@ -12,7 +12,8 @@ "heading": { "typography": { "fontFamily": "'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace", - "fontWeight": "400" + "fontWeight": "400", + "textTransform": "uppercase" } }, "h1": {