diff --git a/functions.php b/functions.php index 55253484..1bf6895d 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 00000000..99d5595d --- /dev/null +++ b/inc/ext-vibe-globals.json @@ -0,0 +1,224 @@ +{ + "version": 1, + "vibes": { + "foundry-1": { + "settings": { + "layout": { + "contentSize": "56rem", + "wideSize": "120rem" + } + }, + "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)" + } + } + }, + "blocks": { + "core/image": { + "filter": { + "duotone": "var:preset|duotone|primary-and-background" + } + }, + "core/cover": { + "filter": { + "duotone": "var:preset|duotone|primary-and-background" + } + } + } + } + }, + "linen-1": { + "settings": { + "layout": { + "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": "var(--wp--preset--font-size--xx-large)" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + } + } + } + }, + "marzipan-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": { + "contentSize": "56rem", + "wideSize": "120rem" + }, + "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)" + } + } + } + } + } + } +} diff --git a/inc/ext-vibe-globals.php b/inc/ext-vibe-globals.php new file mode 100644 index 00000000..782adce0 --- /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' ); 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 00000000..b85ae071 --- /dev/null +++ b/styles/block-presets/button/ext-ghost/preset.json @@ -0,0 +1,20 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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/ext-link/preset.json b/styles/block-presets/button/ext-link/preset.json new file mode 100644 index 00000000..6dbf010a --- /dev/null +++ b/styles/block-presets/button/ext-link/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", + "version": 3, + "title": "Link", + "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 00000000..98299ab8 --- /dev/null +++ b/styles/block-presets/button/ext-secondary/preset.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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 00000000..3fedbef3 --- /dev/null +++ b/styles/block-presets/button/ext-small/preset.json @@ -0,0 +1,22 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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/foundry-1/button-1/preset.json b/styles/block-presets/button/foundry-1/button-1/preset.json new file mode 100644 index 00000000..bd07cbe1 --- /dev/null +++ b/styles/block-presets/button/foundry-1/button-1/preset.json @@ -0,0 +1,20 @@ +{ + "$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", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit", + "textTransform": "uppercase", + "letterSpacing": "0.06em" + }, + "border": { + "radius": "0px" + } + } +} 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 00000000..6aa27de0 --- /dev/null +++ b/styles/block-presets/button/linen-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "0px" + } + } +} diff --git a/styles/block-presets/button/marzipan-1/button-1/preset.json b/styles/block-presets/button/marzipan-1/button-1/preset.json new file mode 100644 index 00000000..0491b434 --- /dev/null +++ b/styles/block-presets/button/marzipan-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} 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 53dc2a92..d3bbefab 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/wp/7.0/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 new file mode 100644 index 00000000..bd931d6a --- /dev/null +++ b/styles/block-presets/button/retro-1/button-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "blockTypes": [ + "core/button", + "woocommerce/product-button" + ], + "styles": { + "typography": { + "fontSize": "inherit" + }, + "border": { + "radius": "9999px" + } + } +} 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 00000000..de66d606 --- /dev/null +++ b/styles/block-presets/cover/foundry-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$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", + "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 00000000..f8caa303 --- /dev/null +++ b/styles/block-presets/cover/linen-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$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", + "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/marzipan-1/cover-overlay-1/preset.json b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json new file mode 100644 index 00000000..9668f9c4 --- /dev/null +++ b/styles/block-presets/cover/marzipan-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$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", + "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/natural-1/cover-overlay-1/preset.json b/styles/block-presets/cover/natural-1/cover-overlay-1/preset.json index 5ac303fe..d7a65916 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/wp/7.0/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 new file mode 100644 index 00000000..f5bd58a4 --- /dev/null +++ b/styles/block-presets/cover/retro-1/cover-overlay-1/preset.json @@ -0,0 +1,32 @@ +{ + "$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", + "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/ext-section-dark/preset.json b/styles/block-presets/group/ext-section-dark/preset.json new file mode 100644 index 00000000..30c2fd0d --- /dev/null +++ b/styles/block-presets/group/ext-section-dark/preset.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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/foundry-1/footer-1/preset.json b/styles/block-presets/group/foundry-1/footer-1/preset.json new file mode 100644 index 00000000..325cde2c --- /dev/null +++ b/styles/block-presets/group/foundry-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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 00000000..a3a44ac9 --- /dev/null +++ b/styles/block-presets/group/foundry-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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 00000000..e87edc11 --- /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/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", + "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 00000000..268ace1f --- /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/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", + "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 00000000..3ba28012 --- /dev/null +++ b/styles/block-presets/group/foundry-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "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 00000000..abad73d4 --- /dev/null +++ b/styles/block-presets/group/foundry-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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 00000000..c9ab619e --- /dev/null +++ b/styles/block-presets/group/foundry-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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; } & .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)); }" + } +} 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 00000000..1231ac28 --- /dev/null +++ b/styles/block-presets/group/foundry-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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/group/linen-1/footer-1/preset.json b/styles/block-presets/group/linen-1/footer-1/preset.json new file mode 100644 index 00000000..6d2c1f25 --- /dev/null +++ b/styles/block-presets/group/linen-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/linen-1/header-1/preset.json b/styles/block-presets/group/linen-1/header-1/preset.json new file mode 100644 index 00000000..bb3321c8 --- /dev/null +++ b/styles/block-presets/group/linen-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/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 00000000..e4ecedf0 --- /dev/null +++ b/styles/block-presets/group/linen-1/item-card-1/align-center/preset.json @@ -0,0 +1,50 @@ +{ + "$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", + "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/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 00000000..0298501b --- /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/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", + "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/linen-1/panel-1/preset.json b/styles/block-presets/group/linen-1/panel-1/preset.json new file mode 100644 index 00000000..98bf2ac8 --- /dev/null +++ b/styles/block-presets/group/linen-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "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 00000000..1231adfb --- /dev/null +++ b/styles/block-presets/group/linen-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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 00000000..9c089631 --- /dev/null +++ b/styles/block-presets/group/linen-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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)); } &.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 new file mode 100644 index 00000000..8c61b2a7 --- /dev/null +++ b/styles/block-presets/group/linen-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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)); } &.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/marzipan-1/footer-1/preset.json b/styles/block-presets/group/marzipan-1/footer-1/preset.json new file mode 100644 index 00000000..a6231926 --- /dev/null +++ b/styles/block-presets/group/marzipan-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/marzipan-1/header-1/preset.json b/styles/block-presets/group/marzipan-1/header-1/preset.json new file mode 100644 index 00000000..dc83467b --- /dev/null +++ b/styles/block-presets/group/marzipan-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/marzipan-1/item-card-1/align-center/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json new file mode 100644 index 00000000..6a0066ca --- /dev/null +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-center/preset.json @@ -0,0 +1,53 @@ +{ + "$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", + "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" + }, + "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/marzipan-1/item-card-1/align-start/preset.json b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json new file mode 100644 index 00000000..ed300c83 --- /dev/null +++ b/styles/block-presets/group/marzipan-1/item-card-1/align-start/preset.json @@ -0,0 +1,53 @@ +{ + "$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", + "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" + }, + "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/marzipan-1/panel-1/preset.json b/styles/block-presets/group/marzipan-1/panel-1/preset.json new file mode 100644 index 00000000..6d7d9370 --- /dev/null +++ b/styles/block-presets/group/marzipan-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "blockTypes": [ + "core/group" + ], + "styles": { + "color": { + "background": "var:preset|color|tertiary" + }, + "border": { + "radius": "32px" + }, + "css": "& { overflow: hidden; }" + } +} 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 new file mode 100644 index 00000000..db3b2f10 --- /dev/null +++ b/styles/block-presets/group/marzipan-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/marzipan-1/section/preset.json b/styles/block-presets/group/marzipan-1/section/preset.json new file mode 100644 index 00000000..90727f9c --- /dev/null +++ b/styles/block-presets/group/marzipan-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", + "version": 3, + "title": "Marzipan 1 Section", + "slug": "ext-preset--group--marzipan-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-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/marzipan-1/template/preset.json b/styles/block-presets/group/marzipan-1/template/preset.json new file mode 100644 index 00000000..d7fbe031 --- /dev/null +++ b/styles/block-presets/group/marzipan-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", + "version": 3, + "title": "Marzipan 1 Template", + "slug": "ext-preset--group--marzipan-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/natural-1/footer-1/preset.json b/styles/block-presets/group/natural-1/footer-1/preset.json index 7b362e74..d777484e 100644 --- a/styles/block-presets/group/natural-1/footer-1/preset.json +++ b/styles/block-presets/group/natural-1/footer-1/preset.json @@ -1,12 +1,12 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/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", - "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 fca895e8..7b299aa6 100644 --- a/styles/block-presets/group/natural-1/header-1/preset.json +++ b/styles/block-presets/group/natural-1/header-1/preset.json @@ -1,12 +1,12 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/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", - "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 dd0f2576..1085a471 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,25 +1,17 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/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", - "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; } &.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/group": { - "spacing": { - "margin": { - "top": "16px" - } - } - }, "core/heading": { "typography": { - "fontSize": "1.5rem", - "textAlign": "center" + "fontSize": "1.5rem" }, "spacing": { "margin": { @@ -29,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/natural-1/item-card-1/align-start/preset.json b/styles/block-presets/group/natural-1/item-card-1/align-start/preset.json index 67f77c48..2af9bc1d 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,21 +1,14 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/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", - "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; } &.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/group": { - "spacing": { - "margin": { - "top": "var:preset|spacing|30" - } - } - }, "core/heading": { "typography": { "fontSize": "1.5rem" 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 00000000..f4a8639b --- /dev/null +++ b/styles/block-presets/group/natural-1/panel-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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 00000000..198b45d9 --- /dev/null +++ b/styles/block-presets/group/natural-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/natural-1/section/preset.json b/styles/block-presets/group/natural-1/section/preset.json index 0672f051..839e335d 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", + "$schema": "https://schemas.wp.org/wp/7.0/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: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/natural-1/template/preset.json b/styles/block-presets/group/natural-1/template/preset.json index 9226079b..b25969e8 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", + "$schema": "https://schemas.wp.org/wp/7.0/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/retro-1/footer-1/preset.json b/styles/block-presets/group/retro-1/footer-1/preset.json new file mode 100644 index 00000000..03757477 --- /dev/null +++ b/styles/block-presets/group/retro-1/footer-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/retro-1/header-1/preset.json b/styles/block-presets/group/retro-1/header-1/preset.json new file mode 100644 index 00000000..84585407 --- /dev/null +++ b/styles/block-presets/group/retro-1/header-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "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/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 00000000..5b7dbd34 --- /dev/null +++ b/styles/block-presets/group/retro-1/item-card-1/align-center/preset.json @@ -0,0 +1,50 @@ +{ + "$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", + "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": "& { 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)); }" + } +} 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 00000000..327bfdc2 --- /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/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", + "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": "& { 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/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 00000000..c1cf6c55 --- /dev/null +++ b/styles/block-presets/group/retro-1/panel-1/preset.json @@ -0,0 +1,18 @@ +{ + "$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", + "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 00000000..9d3fb1d1 --- /dev/null +++ b/styles/block-presets/group/retro-1/section-intro-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "blockTypes": [ + "core/group" + ], + "styles": { + "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 new file mode 100644 index 00000000..9b5d63a2 --- /dev/null +++ b/styles/block-presets/group/retro-1/section/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", + "version": 3, + "title": "Retro 1 Section", + "slug": "ext-preset--group--retro-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: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/template/preset.json b/styles/block-presets/group/retro-1/template/preset.json new file mode 100644 index 00000000..b20eb9ab --- /dev/null +++ b/styles/block-presets/group/retro-1/template/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", + "version": 3, + "title": "Retro 1 Template", + "slug": "ext-preset--group--retro-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/image/foundry-1/gallery-1/preset.json b/styles/block-presets/image/foundry-1/gallery-1/preset.json new file mode 100644 index 00000000..ea611be9 --- /dev/null +++ b/styles/block-presets/image/foundry-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$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", + "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 00000000..1143da7a --- /dev/null +++ b/styles/block-presets/image/foundry-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$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", + "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 00000000..5052ed62 --- /dev/null +++ b/styles/block-presets/image/foundry-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$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", + "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 00000000..718dd6b5 --- /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/7.0/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 00000000..23283efa --- /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/7.0/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 00000000..9b99d8e8 --- /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/7.0/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 00000000..dc9d0ce3 --- /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/7.0/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 00000000..0de2e19f --- /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/7.0/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/image/linen-1/gallery-1/preset.json b/styles/block-presets/image/linen-1/gallery-1/preset.json new file mode 100644 index 00000000..92418f2c --- /dev/null +++ b/styles/block-presets/image/linen-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$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", + "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 00000000..70e96aa7 --- /dev/null +++ b/styles/block-presets/image/linen-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "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/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 00000000..76755f93 --- /dev/null +++ b/styles/block-presets/image/linen-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$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", + "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 00000000..02e40078 --- /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/7.0/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 00000000..67d17c13 --- /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/7.0/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 00000000..3f638740 --- /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/7.0/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 00000000..853a2a4d --- /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/7.0/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 00000000..0f1d6cab --- /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/7.0/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/marzipan-1/gallery-1/preset.json b/styles/block-presets/image/marzipan-1/gallery-1/preset.json new file mode 100644 index 00000000..8bdeaf3a --- /dev/null +++ b/styles/block-presets/image/marzipan-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} diff --git a/styles/block-presets/image/marzipan-1/icon-1/preset.json b/styles/block-presets/image/marzipan-1/icon-1/preset.json new file mode 100644 index 00000000..9f6978b8 --- /dev/null +++ b/styles/block-presets/image/marzipan-1/icon-1/preset.json @@ -0,0 +1,10 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "styles": {} +} 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 new file mode 100644 index 00000000..738b96b7 --- /dev/null +++ b/styles/block-presets/image/marzipan-1/icon-small-1/preset.json @@ -0,0 +1,10 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "styles": {} +} 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 new file mode 100644 index 00000000..bb74c144 --- /dev/null +++ b/styles/block-presets/image/marzipan-1/image-1/content-any/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} 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 new file mode 100644 index 00000000..0dca7064 --- /dev/null +++ b/styles/block-presets/image/marzipan-1/image-1/content-bottom/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} 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 new file mode 100644 index 00000000..9497089e --- /dev/null +++ b/styles/block-presets/image/marzipan-1/image-1/content-left/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} 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 new file mode 100644 index 00000000..9c01cd5d --- /dev/null +++ b/styles/block-presets/image/marzipan-1/image-1/content-right/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} 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 new file mode 100644 index 00000000..9d35a69a --- /dev/null +++ b/styles/block-presets/image/marzipan-1/image-1/content-top/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": "32px" + } + } +} 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 00000000..a0e3a04b --- /dev/null +++ b/styles/block-presets/image/natural-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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 00000000..135b99ec --- /dev/null +++ b/styles/block-presets/image/natural-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/theme.json", + "version": 3, + "title": "Icon 1", + "slug": "ext-preset--image--natural-1--icon-1", + "blockTypes": [ + "core/image" + ], + "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 new file mode 100644 index 00000000..d6677278 --- /dev/null +++ b/styles/block-presets/image/natural-1/icon-small-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "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/image-1/content-any/preset.json b/styles/block-presets/image/natural-1/image-1/content-any/preset.json index 32eaf056..a61db128 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", + "$schema": "https://schemas.wp.org/wp/7.0/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 825c335e..7db09fa0 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", + "$schema": "https://schemas.wp.org/wp/7.0/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 8b1ae239..464edb97 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", + "$schema": "https://schemas.wp.org/wp/7.0/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 b8f4f49e..f4e080ee 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", + "$schema": "https://schemas.wp.org/wp/7.0/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 a592b8e2..14ecaa4a 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", + "$schema": "https://schemas.wp.org/wp/7.0/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/retro-1/gallery-1/preset.json b/styles/block-presets/image/retro-1/gallery-1/preset.json new file mode 100644 index 00000000..293a5b72 --- /dev/null +++ b/styles/block-presets/image/retro-1/gallery-1/preset.json @@ -0,0 +1,14 @@ +{ + "$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", + "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 00000000..3f35f32a --- /dev/null +++ b/styles/block-presets/image/retro-1/icon-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "styles": { + "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 new file mode 100644 index 00000000..17992a50 --- /dev/null +++ b/styles/block-presets/image/retro-1/icon-small-1/preset.json @@ -0,0 +1,12 @@ +{ + "$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", + "blockTypes": [ + "core/image" + ], + "styles": { + "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-any/preset.json b/styles/block-presets/image/retro-1/image-1/content-any/preset.json new file mode 100644 index 00000000..c6103e47 --- /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/7.0/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 00000000..59b25a55 --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-bottom/preset.json @@ -0,0 +1,20 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "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 new file mode 100644 index 00000000..3464dd9b --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-left/preset.json @@ -0,0 +1,20 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "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 new file mode 100644 index 00000000..20b35097 --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-right/preset.json @@ -0,0 +1,20 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "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 new file mode 100644 index 00000000..83562370 --- /dev/null +++ b/styles/block-presets/image/retro-1/image-1/content-top/preset.json @@ -0,0 +1,20 @@ +{ + "$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", + "blockTypes": [ + "core/image", + "core/cover" + ], + "styles": { + "border": { + "radius": { + "topLeft": "0", + "topRight": "0", + "bottomRight": "12px", + "bottomLeft": "12px" + } + } + } +} 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 00000000..ecec33f1 --- /dev/null +++ b/styles/block-presets/media-text/foundry-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$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", + "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/linen-1/card-1/preset.json b/styles/block-presets/media-text/linen-1/card-1/preset.json new file mode 100644 index 00000000..fa4b64d2 --- /dev/null +++ b/styles/block-presets/media-text/linen-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$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", + "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/marzipan-1/card-1/preset.json b/styles/block-presets/media-text/marzipan-1/card-1/preset.json new file mode 100644 index 00000000..934bdde5 --- /dev/null +++ b/styles/block-presets/media-text/marzipan-1/card-1/preset.json @@ -0,0 +1,41 @@ +{ + "$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", + "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/media-text/natural-1/card-1/preset.json b/styles/block-presets/media-text/natural-1/card-1/preset.json index 5c17bb8f..0d7151da 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,13 +1,12 @@ { - "$schema": "https://schemas.wp.org/wp/6.8/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", - "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/retro-1/card-1/preset.json b/styles/block-presets/media-text/retro-1/card-1/preset.json new file mode 100644 index 00000000..f402d49f --- /dev/null +++ b/styles/block-presets/media-text/retro-1/card-1/preset.json @@ -0,0 +1,38 @@ +{ + "$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", + "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)); } &: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/paragraph/foundry-1/tagline-1/preset.json b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json new file mode 100644 index 00000000..20f9a9e0 --- /dev/null +++ b/styles/block-presets/paragraph/foundry-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$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", + "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 00000000..a450ffa3 --- /dev/null +++ b/styles/block-presets/paragraph/linen-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$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", + "blockTypes": [ + "core/paragraph" + ], + "styles": { + "typography": { + "fontWeight": "600" + }, + "color": { + "text": "var:preset|color|foreground-alt" + } + } +} diff --git a/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json new file mode 100644 index 00000000..539ed1bc --- /dev/null +++ b/styles/block-presets/paragraph/marzipan-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$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", + "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 00000000..46d66ad4 --- /dev/null +++ b/styles/block-presets/paragraph/natural-1/tagline-1/preset.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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 00000000..354cc0e0 --- /dev/null +++ b/styles/block-presets/paragraph/retro-1/tagline-1/preset.json @@ -0,0 +1,32 @@ +{ + "$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", + "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; transform: rotate(-2.5deg); }" + } +} 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 00000000..51ff1f65 --- /dev/null +++ b/styles/block-presets/social-links/foundry-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "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 00000000..79ff8f30 --- /dev/null +++ b/styles/block-presets/social-links/linen-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "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/marzipan-1/social-1/preset.json b/styles/block-presets/social-links/marzipan-1/social-1/preset.json new file mode 100644 index 00000000..9793c49e --- /dev/null +++ b/styles/block-presets/social-links/marzipan-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "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 00000000..04257588 --- /dev/null +++ b/styles/block-presets/social-links/natural-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$schema": "https://schemas.wp.org/wp/7.0/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/retro-1/social-1/preset.json b/styles/block-presets/social-links/retro-1/social-1/preset.json new file mode 100644 index 00000000..0ccbd0ef --- /dev/null +++ b/styles/block-presets/social-links/retro-1/social-1/preset.json @@ -0,0 +1,15 @@ +{ + "$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", + "blockTypes": [ + "core/social-links" + ], + "styles": { + "spacing": { + "blockGap": "12px" + }, + "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/colors/bloom.json b/styles/colors/bloom.json index a75da065..706a6a5e 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 5b345707..ed88bdce 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 4a5b4015..4f685438 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 5768d426..f7b5a4e7 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 3f66f762..1e71651d 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 d6a8ffd0..0b95ef79 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 234b4434..0bdbd225 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/foundry-palette.json b/styles/colors/foundry-palette.json new file mode 100644 index 00000000..24b78f5d --- /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", + "#D5D5D0" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#111113", + "#E7E7E7" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, + { + "colors": [ + "#232326", + "#111113" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#111113", + "#E7E7E7" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#111113", + "#111113" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#E7E7E7", + "#D5D5D0" + ], + "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": "#E7E7E7", + "text-weak": "#4C4C4F", + "icon-surface": "#DFDFDF", + "icon-ink": "#111113", + "background-sunken": "#D5D5D0", + "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": "#E7E7E7" + }, + ":hover": { + "color": { + "background": "#232326", + "text": "#E7E7E7" + } + }, + ":focus": { + "color": { + "background": "#111113", + "text": "#E7E7E7" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/fusion-sky.json b/styles/colors/fusion-sky.json index 0e452b35..be2ed07a 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 e018a96b..681fb09b 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 641f5305..66fff9f1 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 64f10d0f..dfbaf85e 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 cec29601..12d8744f 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 92cf7449..ba18f237 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 acb993e6..7484f818 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 347caa8d..94bec578 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 161e3713..a8b9636d 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 c323abe8..755f1fc6 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 44cb5485..30287bb3 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 82af942b..697565e9 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/linen-palette.json b/styles/colors/linen-palette.json new file mode 100644 index 00000000..8946f9d8 --- /dev/null +++ b/styles/colors/linen-palette.json @@ -0,0 +1,166 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Heath", + "slug": "heath", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#1F1F23", + "#333337" + ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ + "#1F1F23", + "#E9E5D9" + ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + }, + { + "colors": [ + "#1F1F23", + "#F8F5E9" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, + { + "colors": [ + "#333337", + "#1F1F23" + ], + "slug": "secondary-and-primary", + "name": "Secondary and primary" + }, + { + "colors": [ + "#1F1F23", + "#F8F5E9" + ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ + "#1F1F23", + "#1F1F23" + ], + "slug": "primary-foreground", + "name": "Primary and Foreground" + }, + { + "colors": [ + "#F8F5E9", + "#E9E5D9" + ], + "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": "#1F1F23", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#333337", + "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": "#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": "#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": "#1F1F23", + "text": "#F8F5E9" + }, + ":hover": { + "color": { + "background": "#333337", + "text": "#F8F5E9" + } + }, + ":focus": { + "color": { + "background": "#1F1F23", + "text": "#F8F5E9" + } + } + } + } + } + }, + "styles": { + "color": { + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "heading": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + } + } +} diff --git a/styles/colors/marzipan-palette.json b/styles/colors/marzipan-palette.json new file mode 100644 index 00000000..dc074bf6 --- /dev/null +++ b/styles/colors/marzipan-palette.json @@ -0,0 +1,166 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Marzipan", + "slug": "marzipan", + "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": [ + "#1B3A8C", + "#FDF1E7" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, + { + "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": "#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": { + "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/colors/merlot.json b/styles/colors/merlot.json index d853154b..2e15c538 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 a9a3ee87..7178b5fa 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 6ef53570..3cdf4844 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 4378b998..3938b3c8 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 2956b186..4b375982 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 001334ef..985dd7bc 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 b80cb231..dd499a45 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 8b9a2531..3c34a20d 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 cd414a0b..ca81760f 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 ecba5b8f..8d39bd93 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 ecfa09c1..a03cda2c 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/retro-palette.json b/styles/colors/retro-palette.json new file mode 100644 index 00000000..c6bc20e6 --- /dev/null +++ b/styles/colors/retro-palette.json @@ -0,0 +1,161 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Butterscotch", + "slug": "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": [ + "#422922", + "#FCF9E6" + ], + "slug": "primary-and-background", + "name": "Primary and background" + }, + { + "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" + } + ] + }, + "custom": { + "color": { + "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": "#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": "#1D1917", + "background-tint-3-weak": "#1D1917" + }, + "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/rio.json b/styles/colors/rio.json index 96805a83..b625a196 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 70b2ca77..af179e5d 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 4e6fcc38..91fe0974 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 c6af4e00..2270fbfa 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 a5c754bf..0b75f0fb 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 680d64d1..decd360f 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 c087e32f..26d73798 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 9d3f5635..045a4824 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 c9741014..9cead386 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/styles/typography/foundry-typography.json b/styles/typography/foundry-typography.json new file mode 100644 index 00000000..8301ddf5 --- /dev/null +++ b/styles/typography/foundry-typography.json @@ -0,0 +1,42 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Foundry · IBM Plex Mono / Manrope", + "slug": "ext-foundry", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, sans-serif", + "lineHeight": "1.6" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace", + "fontWeight": "400", + "textTransform": "uppercase" + } + }, + "h1": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.01em", + "lineHeight": "1.15", + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "fontWeight": "400", + "letterSpacing": "0.01em", + "lineHeight": "1.15", + "textTransform": "uppercase" + } + }, + "h3": { + "typography": { + "textTransform": "uppercase" + } + } + } + } +} diff --git a/styles/typography/linen-typography.json b/styles/typography/linen-typography.json new file mode 100644 index 00000000..1a4bc9c3 --- /dev/null +++ b/styles/typography/linen-typography.json @@ -0,0 +1,33 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Linen · Inter / Manrope", + "slug": "ext-linen", + "styles": { + "typography": { + "fontFamily": "'Manrope', 'Manrope Variable', system-ui, -apple-system, 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.1" + } + }, + "h2": { + "typography": { + "fontWeight": "500", + "letterSpacing": "-0.01em", + "lineHeight": "1.1" + } + } + } + } +} diff --git a/styles/typography/marzipan-typography.json b/styles/typography/marzipan-typography.json new file mode 100644 index 00000000..1923db6b --- /dev/null +++ b/styles/typography/marzipan-typography.json @@ -0,0 +1,34 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Marzipan · Source Serif Pro / Manrope", + "slug": "ext-marzipan", + "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" + } + } + } + } +} diff --git a/styles/typography/retro-typography.json b/styles/typography/retro-typography.json new file mode 100644 index 00000000..8e859e12 --- /dev/null +++ b/styles/typography/retro-typography.json @@ -0,0 +1,40 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "title": "Retro · Fraunces / Heebo", + "slug": "ext-retro", + "styles": { + "typography": { + "fontFamily": "'Heebo', 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", + "textTransform": "uppercase" + } + }, + "h2": { + "typography": { + "fontWeight": "900", + "letterSpacing": "0.01em", + "lineHeight": "1.05", + "textTransform": "uppercase" + } + }, + "h3": { + "typography": { + "textTransform": "uppercase" + } + } + } + } +} diff --git a/theme.json b/theme.json index 77c2de62..598149a7 100644 --- a/theme.json +++ b/theme.json @@ -147,6 +147,177 @@ ] }, "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": { + "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)", + "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%)", + "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--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%)", + "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": "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)", + "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--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)", + "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 +409,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"] @@ -773,6 +944,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", @@ -1080,7 +1276,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)", @@ -1094,7 +1290,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": [ {