From 6b015cf6b5bd34df3e6422be63f4a4d528cd17d1 Mon Sep 17 00:00:00 2001 From: Damon Cook Date: Mon, 13 Jun 2022 16:12:44 -0400 Subject: [PATCH] Button block consolidation with new button element support Addresses #64 --- style.css | 17 ------- styles/brisbane.json | 101 ++++++++++++++++++++++++++++-------------- styles/cairo.json | 101 ++++++++++++++++++++++++++++-------------- styles/gdansk.json | 101 ++++++++++++++++++++++++++++-------------- styles/glasgow.json | 101 ++++++++++++++++++++++++++++-------------- styles/hong-kong.json | 101 ++++++++++++++++++++++++++++-------------- styles/kampala.json | 101 ++++++++++++++++++++++++++++-------------- styles/odesa.json | 101 ++++++++++++++++++++++++++++-------------- styles/piraeus.json | 101 ++++++++++++++++++++++++++++-------------- styles/porto.json | 101 ++++++++++++++++++++++++++++-------------- styles/rio.json | 101 ++++++++++++++++++++++++++++-------------- styles/santa-fe.json | 101 ++++++++++++++++++++++++++++-------------- styles/thimphu.json | 101 ++++++++++++++++++++++++++++-------------- styles/tokyo.json | 99 ++++++++++++++++++++++++++++------------- theme.json | 101 ++++++++++++++++++++++++++++-------------- 15 files changed, 951 insertions(+), 478 deletions(-) diff --git a/style.css b/style.css index 84f3a89..d6f2b41 100644 --- a/style.css +++ b/style.css @@ -58,23 +58,6 @@ a:active { text-decoration-style: solid; } -/* - * Search and File Block button styles. - * Necessary until the following issues are resolved in Gutenberg: - * https://github.com/WordPress/gutenberg/issues/36444 - * https://github.com/WordPress/gutenberg/issues/27760 - */ - -.wp-block-search__button, -.wp-block-file .wp-block-file__button { - background-color: var(--wp--preset--color--primary); - border-radius: 0; - border: none; - color: var(--wp--preset--color--background); - font-size: var(--wp--preset--font-size--medium); - padding: calc(.667em + 2px) calc(1.333em + 2px); -} - /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: diff --git a/styles/brisbane.json b/styles/brisbane.json index d904e50..4d39e01 100644 --- a/styles/brisbane.json +++ b/styles/brisbane.json @@ -92,6 +92,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "26px", + "bottomRight": "7px", + "topLeft": "12px", + "topRight": "16px" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--foreground)" + }, + "spacing": { + "padding": { + "top": "1.1rem", + "bottom": "1.1rem", + "right": "1.6rem", + "left": "1.6rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--custom--typography--font-size--large)", + "fontWeight": "var(--wp--custom--typography--font-weight--light)", + "letterSpacing": "0.03em", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -219,39 +254,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "26px", - "bottomRight": "7px", - "topLeft": "12px", - "topRight": "16px" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--foreground)" - }, - "spacing": { - "padding": { - "top": "1.1rem", - "bottom": "1.1rem", - "right": "1.6rem", - "left": "1.6rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--heading)", - "fontSize": "var(--wp--custom--typography--font-size--large)", - "fontWeight": "var(--wp--custom--typography--font-weight--light)", - "letterSpacing": "0.03em", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -440,6 +442,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/cairo.json b/styles/cairo.json index 8350dee..a01eb04 100644 --- a/styles/cairo.json +++ b/styles/cairo.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "100rem", + "bottomRight": "100rem", + "topLeft": "100rem", + "topRight": "100rem" + }, + "style": "solid solid solid solid", + "width": "2px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--foreground)" + }, + "spacing": { + "padding": { + "top": "1.2rem", + "bottom": "1.2rem", + "right": "2rem", + "left": "2rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -226,39 +261,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "100rem", - "bottomRight": "100rem", - "topLeft": "100rem", - "topRight": "100rem" - }, - "style": "solid solid solid solid", - "width": "2px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--foreground)" - }, - "spacing": { - "padding": { - "top": "1.2rem", - "bottom": "1.2rem", - "right": "2rem", - "left": "2rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -447,6 +449,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/gdansk.json b/styles/gdansk.json index 46f792a..dac10cc 100644 --- a/styles/gdansk.json +++ b/styles/gdansk.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "999px", + "bottomRight": "999px", + "topLeft": "999px", + "topRight": "999px" + }, + "style": "solid solid solid solid", + "width": "4px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--background)" + }, + "spacing": { + "padding": { + "top": "1.1rem", + "bottom": "1.1rem", + "right": "1.6rem", + "left": "1.6rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "var(--wp--custom--typography--font-weight--medium)", + "letterSpacing": "0.03em", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -234,39 +269,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "999px", - "bottomRight": "999px", - "topLeft": "999px", - "topRight": "999px" - }, - "style": "solid solid solid solid", - "width": "4px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--background)" - }, - "spacing": { - "padding": { - "top": "1.1rem", - "bottom": "1.1rem", - "right": "1.6rem", - "left": "1.6rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--heading)", - "fontSize": "var(--wp--preset--font-size--small)", - "fontWeight": "var(--wp--custom--typography--font-weight--medium)", - "letterSpacing": "0.03em", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -455,6 +457,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/glasgow.json b/styles/glasgow.json index 747a8a0..957301e 100644 --- a/styles/glasgow.json +++ b/styles/glasgow.json @@ -99,6 +99,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "8px", + "bottomRight": "8px", + "topLeft": "8px", + "topRight": "8px" + }, + "style": "solid solid solid solid", + "width": "2px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "clamp(1.1rem, 1.5vw, 1.3rem)", + "bottom": "clamp(1.1rem, 1.5vw, 1.3rem)", + "right": "clamp(1.5rem, 2.5vw, 2rem)", + "left": "clamp(1.5rem, 2.5vw, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -209,39 +244,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "8px", - "bottomRight": "8px", - "topLeft": "8px", - "topRight": "8px" - }, - "style": "solid solid solid solid", - "width": "2px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "clamp(1.1rem, 1.5vw, 1.3rem)", - "bottom": "clamp(1.1rem, 1.5vw, 1.3rem)", - "right": "clamp(1.5rem, 2.5vw, 2rem)", - "left": "clamp(1.5rem, 2.5vw, 2rem)" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -430,6 +432,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/hong-kong.json b/styles/hong-kong.json index 43bc7e5..2f5eecb 100644 --- a/styles/hong-kong.json +++ b/styles/hong-kong.json @@ -109,6 +109,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "100rem", + "bottomRight": "100rem", + "topLeft": "100rem", + "topRight": "100rem" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "1.4rem", + "bottom": "1.4rem", + "right": "2rem", + "left": "2rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -212,39 +247,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "100rem", - "bottomRight": "100rem", - "topLeft": "100rem", - "topRight": "100rem" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "1.4rem", - "bottom": "1.4rem", - "right": "2rem", - "left": "2rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -433,6 +435,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/kampala.json b/styles/kampala.json index d3e18db..9c985c3 100644 --- a/styles/kampala.json +++ b/styles/kampala.json @@ -92,6 +92,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "4px", + "bottomRight": "4px", + "topLeft": "4px", + "topRight": "4px" + }, + "style": "solid solid solid solid", + "width": "2px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "clamp(1.1rem, 1.5vw, 1.3rem)", + "bottom": "clamp(1.1rem, 1.5vw, 1.3rem)", + "right": "clamp(1.5rem, 2.5vw, 2rem)", + "left": "clamp(1.5rem, 2.5vw, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0.03em", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -202,39 +237,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "4px", - "bottomRight": "4px", - "topLeft": "4px", - "topRight": "4px" - }, - "style": "solid solid solid solid", - "width": "2px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "clamp(1.1rem, 1.5vw, 1.3rem)", - "bottom": "clamp(1.1rem, 1.5vw, 1.3rem)", - "right": "clamp(1.5rem, 2.5vw, 2rem)", - "left": "clamp(1.5rem, 2.5vw, 2rem)" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0.03em", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -423,6 +425,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/odesa.json b/styles/odesa.json index 1d60d47..36f6bbb 100644 --- a/styles/odesa.json +++ b/styles/odesa.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "4px", + "bottomRight": "4px", + "topLeft": "4px", + "topRight": "4px" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "1.1rem", + "bottom": "1.1rem", + "right": "1.8rem", + "left": "1.8rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--medium)", + "letterSpacing": "0.03em", + "lineHeight": "1", + "textTransform": "uppercase" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -234,39 +269,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "4px", - "bottomRight": "4px", - "topLeft": "4px", - "topRight": "4px" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "1.1rem", - "bottom": "1.1rem", - "right": "1.8rem", - "left": "1.8rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--heading)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--medium)", - "letterSpacing": "0.03em", - "lineHeight": "1", - "textTransform": "uppercase" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -455,6 +457,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/piraeus.json b/styles/piraeus.json index ea4ee59..09ab7d6 100644 --- a/styles/piraeus.json +++ b/styles/piraeus.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "0px", + "bottomRight": "0px", + "topLeft": "0px", + "topRight": "0px" + }, + "style": "solid solid solid solid", + "width": "2px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "1.2rem", + "bottom": "1rem", + "right": "1.9rem", + "left": "1.9rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--medium)", + "letterSpacing": "0.02em", + "lineHeight": "1", + "textTransform": "uppercase" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -233,39 +268,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "0px", - "bottomRight": "0px", - "topLeft": "0px", - "topRight": "0px" - }, - "style": "solid solid solid solid", - "width": "2px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "1.2rem", - "bottom": "1rem", - "right": "1.9rem", - "left": "1.9rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--heading)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--medium)", - "letterSpacing": "0.02em", - "lineHeight": "1", - "textTransform": "uppercase" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -454,6 +456,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/porto.json b/styles/porto.json index 2874451..d6df916 100644 --- a/styles/porto.json +++ b/styles/porto.json @@ -92,6 +92,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "currentColor", + "radius": { + "bottomLeft": "0px", + "bottomRight": "0px", + "topLeft": "0px", + "topRight": "0px" + }, + "style": "double double double double", + "width": "7px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "1.1rem", + "bottom": "1.1rem", + "right": "1.6rem", + "left": "1.6rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -214,39 +249,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "currentColor", - "radius": { - "bottomLeft": "0px", - "bottomRight": "0px", - "topLeft": "0px", - "topRight": "0px" - }, - "style": "double double double double", - "width": "7px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "1.1rem", - "bottom": "1.1rem", - "right": "1.6rem", - "left": "1.6rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -435,6 +437,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/rio.json b/styles/rio.json index 95b532a..7426624 100644 --- a/styles/rio.json +++ b/styles/rio.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "100rem", + "bottomRight": "100rem", + "topLeft": "100rem", + "topRight": "100rem" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--foreground)" + }, + "spacing": { + "padding": { + "top": "clamp(1.1rem, 1.5vw, 1.5rem)", + "bottom": "clamp(1.1rem, 1.5vw, 1.5rem)", + "right": "clamp(1.25rem, 2.5vw, 2rem)", + "left": "clamp(1.25rem, 2.5vw, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -228,39 +263,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "100rem", - "bottomRight": "100rem", - "topLeft": "100rem", - "topRight": "100rem" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--foreground)" - }, - "spacing": { - "padding": { - "top": "clamp(1.1rem, 1.5vw, 1.5rem)", - "bottom": "clamp(1.1rem, 1.5vw, 1.5rem)", - "right": "clamp(1.25rem, 2.5vw, 2rem)", - "left": "clamp(1.25rem, 2.5vw, 2rem)" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -449,6 +451,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/santa-fe.json b/styles/santa-fe.json index 59c3812..7d80483 100644 --- a/styles/santa-fe.json +++ b/styles/santa-fe.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "100rem", + "bottomRight": "100rem", + "topLeft": "100rem", + "topRight": "100rem" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--background)" + }, + "spacing": { + "padding": { + "top": "clamp(1rem, 1.5vw, 1.25rem)", + "bottom": "clamp(1rem, 1.5vw, 1.25rem)", + "right": "clamp(1.18rem, 2.5vw, 2rem)", + "left": "clamp(1.18rem, 2.5vw, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -235,39 +270,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "100rem", - "bottomRight": "100rem", - "topLeft": "100rem", - "topRight": "100rem" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--background)" - }, - "spacing": { - "padding": { - "top": "clamp(1rem, 1.5vw, 1.25rem)", - "bottom": "clamp(1rem, 1.5vw, 1.25rem)", - "right": "clamp(1.18rem, 2.5vw, 2rem)", - "left": "clamp(1.18rem, 2.5vw, 2rem)" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -456,6 +458,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/thimphu.json b/styles/thimphu.json index 9346933..a4c6ba0 100644 --- a/styles/thimphu.json +++ b/styles/thimphu.json @@ -114,6 +114,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": { + "bottomLeft": "0", + "bottomRight": "0", + "topLeft": "0", + "topRight": "0" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "1.5rem", + "bottom": "1.5rem", + "right": "2rem", + "left": "2rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--medium)", + "letterSpacing": "0.02em", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -224,39 +259,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "var(--wp--preset--color--primary)", - "radius": { - "bottomLeft": "0", - "bottomRight": "0", - "topLeft": "0", - "topRight": "0" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "1.5rem", - "bottom": "1.5rem", - "right": "2rem", - "left": "2rem" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--medium)", - "letterSpacing": "0.02em", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -445,6 +447,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/styles/tokyo.json b/styles/tokyo.json index 29f869d..c88344e 100644 --- a/styles/tokyo.json +++ b/styles/tokyo.json @@ -114,6 +114,40 @@ } } }, + "elements": { + "button": { + "border": { + "radius": { + "bottomLeft": "5px", + "bottomRight": "5px", + "topLeft": "5px", + "topRight": "5px" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "top": "clamp(1.1rem, 1.5vw, 1.5rem)", + "bottom": "clamp(1.1rem, 1.5vw, 1.5rem)", + "right": "clamp(1.25rem, 2.5vw, 2rem)", + "left": "clamp(1.25rem, 2.5vw, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.818rem + 0.91vw, 1.5rem)", "medium": "clamp(1.5rem, 1.318rem + 0.91vw, 2rem)", @@ -236,38 +270,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "radius": { - "bottomLeft": "5px", - "bottomRight": "5px", - "topLeft": "5px", - "topRight": "5px" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--primary)", - "text": "var(--wp--preset--color--secondary)" - }, - "spacing": { - "padding": { - "top": "clamp(1.1rem, 1.5vw, 1.5rem)", - "bottom": "clamp(1.1rem, 1.5vw, 1.5rem)", - "right": "clamp(1.25rem, 2.5vw, 2rem)", - "left": "clamp(1.25rem, 2.5vw, 2rem)" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -456,6 +458,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontFamily": "var(--wp--preset--font-family--heading)", diff --git a/theme.json b/theme.json index a052fc3..c05b9bd 100644 --- a/theme.json +++ b/theme.json @@ -91,6 +91,41 @@ } } }, + "elements": { + "button": { + "border": { + "color": "currentColor", + "radius": { + "bottomLeft": "100rem", + "bottomRight": "100rem", + "topLeft": "100rem", + "topRight": "100rem" + }, + "style": "solid solid solid solid", + "width": "1px !important" + }, + "color": { + "background": "var(--wp--preset--color--secondary)", + "text": "var(--wp--preset--color--background)" + }, + "spacing": { + "padding": { + "top": "clamp(1.1rem, 1.5vw, 1.5rem)", + "bottom": "clamp(1.1rem, 1.5vw, 1.5rem)", + "right": "clamp(1.25rem, 2.5vw, 2rem)", + "left": "clamp(1.25rem, 2.5vw, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "var(--wp--custom--typography--font-weight--regular)", + "letterSpacing": "0", + "lineHeight": "1", + "textTransform": "none" + } + } + }, "spacing": { "small": "clamp(1rem, 0.8rem + 1vw, 1.75rem)", "medium": "clamp(1.5rem, 1.318rem + 1vw, 2rem)", @@ -198,39 +233,6 @@ }, "styles": { "blocks": { - "core/button": { - "border": { - "color": "currentColor", - "radius": { - "bottomLeft": "100rem", - "bottomRight": "100rem", - "topLeft": "100rem", - "topRight": "100rem" - }, - "style": "solid solid solid solid", - "width": "1px !important" - }, - "color": { - "background": "var(--wp--preset--color--secondary)", - "text": "var(--wp--preset--color--background)" - }, - "spacing": { - "padding": { - "top": "clamp(1.1rem, 1.5vw, 1.5rem)", - "bottom": "clamp(1.1rem, 1.5vw, 1.5rem)", - "right": "clamp(1.25rem, 2.5vw, 2rem)", - "left": "clamp(1.25rem, 2.5vw, 2rem)" - } - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body)", - "fontSize": "var(--wp--preset--font-size--medium)", - "fontWeight": "var(--wp--custom--typography--font-weight--regular)", - "letterSpacing": "0", - "lineHeight": "1", - "textTransform": "none" - } - }, "core/comment-content": { "spacing": { "margin": { @@ -416,6 +418,39 @@ "text": "var(--wp--preset--color--foreground)" }, "elements": { + "button": { + "border": { + "color": "var(--wp--custom--elements--button--border--color, currentColor)", + "radius": { + "bottomLeft": "var(--wp--custom--elements--button--border--radius--bottom-left, 0)", + "bottomRight": "var(--wp--custom--elements--button--border--radius--bottom-right, 0)", + "topLeft": "var(--wp--custom--elements--button--border--radius--top-left, 0)", + "topRight": "var(--wp--custom--elements--button--border--radius--top-right, 0)" + }, + "style": "var(--wp--custom--elements--button--border--style, solid)", + "width": "var(--wp--custom--elements--button--border--width, 1px)" + }, + "color": { + "background": "var(--wp--custom--elements--button--color--background, --wp--preset--color--primary)", + "text": "var(--wp--custom--elements--button--color--text, currentColor)" + }, + "spacing": { + "padding": { + "top": "var(--wp--custom--elements--button--spacing--padding--top, 1.1rem)", + "bottom": "var(--wp--custom--elements--button--spacing--padding--bottom, 1.1rem)", + "right": "var(--wp--custom--elements--button--spacing--padding--right, 2rem)", + "left": "var(--wp--custom--elements--button--spacing--padding--left, 2rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--custom--elements--button--typography--font-family, inherit)", + "fontSize": "var(--wp--custom--elements--button--typography--font-size, inherit)", + "fontWeight": "var(--wp--custom--elements--button--typography--font-weight, 400)", + "letterSpacing": "var(--wp--custom--elements--button--typography--letter-spacing, 0)", + "lineHeight": "var(--wp--custom--elements--button--typography--line-height, 1)", + "textTransform": "var(--wp--custom--elements--button--typography--text-transform, none)" + } + }, "h1": { "typography": { "fontSize": "var(--wp--preset--font-size--colossal)",