diff --git a/functions.php b/functions.php index dc765d5..e9eee83 100644 --- a/functions.php +++ b/functions.php @@ -15,6 +15,9 @@ /** Loads GSAP integration file */ require get_template_directory() . '/inc/gsap.php'; +/** Loads the presets integration files */ +require get_template_directory() . '/inc/presets.php'; + /** * Sets up theme supports. */ diff --git a/inc/presets.php b/inc/presets.php new file mode 100644 index 0000000..7969a34 --- /dev/null +++ b/inc/presets.php @@ -0,0 +1,96 @@ +update_with( $preset_data ); + } + + return $theme_json; +} + +/** + * Recursively retrieves all JSON files from a directory and its subdirectories. + * + * @since ls_theme 1.1 + * + * @param string $directory The directory path to scan for JSON files. + * @return array Array of file paths to JSON files. + */ +function get_preset_files_recursive( $directory ) { + $files = array(); + + // Get JSON files in the current directory. + $json_files = glob( $directory . '*.json' ); + if ( ! empty( $json_files ) ) { + $files = array_merge( $files, $json_files ); + } + + // Get subdirectories and recursively scan them. + $subdirs = glob( $directory . '*', GLOB_ONLYDIR ); + if ( ! empty( $subdirs ) ) { + foreach ( $subdirs as $subdir ) { + $files = array_merge( $files, get_preset_files_recursive( trailingslashit( $subdir ) ) ); + } + } + + return $files; +} + +add_filter( 'wp_theme_json_data_theme', __NAMESPACE__ . '\merge_preset_files' ); \ No newline at end of file diff --git a/styles/presets/blocks/core-button.json b/styles/presets/blocks/core-button.json new file mode 100644 index 0000000..b988f98 --- /dev/null +++ b/styles/presets/blocks/core-button.json @@ -0,0 +1,38 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "styles": { + "blocks": { + "core/button": { + "variations": { + "outline": { + "border": { + "color": "var:preset|color|brand-500", + "style": "solid", + "width": "2px", + "radius": "var:preset|border-radius|200" + }, + "color": { + "background": "var:preset|color|base", + "text": "var:preset|color|contrast" + }, + "spacing": { + "padding": { + "top": "1rem", + "right": "4rem", + "bottom": "1rem", + "left": "1.5rem" + } + }, + "typography": { + "fontSize": "var:preset|font-size|200", + "fontWeight": "700", + "letterSpacing": "0.08em" + }, + "css": "&{--ls-button-outline-accent-background:var(--wp--preset--color--brand-500);--ls-button-outline-accent-colour:var(--wp--preset--color--base);--ls-button-outline-icon-radius:var(--wp--preset--border-radius--100);}" + } + } + } + } + } +} diff --git a/styles/presets/buttons.json b/styles/presets/buttons.json new file mode 100644 index 0000000..27704ad --- /dev/null +++ b/styles/presets/buttons.json @@ -0,0 +1,40 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "settings": { + "custom": { + "button-padding": { + "top": "1rem", + "right": "4rem", + "bottom": "1rem", + "left": "1.5rem" + } + } + }, + "styles": { + "elements": { + "button": { + "color": { + "text": "var:preset|color|base" + }, + "border": { + "radius": "var:preset|border-radius|200" + }, + "spacing": { + "padding": { + "top": "1rem", + "right": "4rem", + "bottom": "1rem", + "left": "1.5rem" + } + }, + "typography": { + "fontSize": "var:preset|font-size|200", + "fontWeight": "700", + "letterSpacing": "0.08em" + }, + "css": "&{--ls-button-fill-background:var(--wp--preset--color--brand-500);--ls-button-fill-icon-colour:var(--wp--preset--color--base);--ls-button-fill-hover-text:var(--wp--preset--color--contrast);--ls-button-fill-duration:500ms;--ls-button-fill-enter-delay:80ms;--ls-button-active-scale:0.98;}" + } + } + } +} diff --git a/styles/presets/layout.json b/styles/presets/layout.json new file mode 100644 index 0000000..0454652 --- /dev/null +++ b/styles/presets/layout.json @@ -0,0 +1,12 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "settings": { + "appearanceTools": true, + "layout": { + "contentSize": "800px", + "wideSize": "1360px" + }, + "useRootPaddingAwareAlignments": true + } +} diff --git a/styles/presets/links.json b/styles/presets/links.json new file mode 100644 index 0000000..0d99191 --- /dev/null +++ b/styles/presets/links.json @@ -0,0 +1,18 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "styles": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--accent-500)" + }, + ":hover": { + "color": { + "text": "var(--wp--preset--color--accent-two-500)" + } + } + } + } + } +} diff --git a/styles/presets/radii.json b/styles/presets/radii.json new file mode 100644 index 0000000..0d6fbca --- /dev/null +++ b/styles/presets/radii.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "settings": { + "border": { + "radius": true, + "radiusSizes": [ + { + "name": "none", + "slug": "0", + "size": "0" + }, + { + "name": "small", + "slug": "100", + "size": "4px" + }, + { + "name": "medium", + "slug": "200", + "size": "8px" + }, + { + "name": "large", + "slug": "300", + "size": "16px" + }, + { + "name": "x-large", + "slug": "400", + "size": "24px" + }, + { + "name": "round", + "slug": "500", + "size": "9999px" + } + ] + } + } +} diff --git a/styles/presets/shadows.json b/styles/presets/shadows.json new file mode 100644 index 0000000..563a4be --- /dev/null +++ b/styles/presets/shadows.json @@ -0,0 +1,41 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "settings": { + "shadow": { + "defaultPresets": false, + "presets": [ + { + "name": "Tiny", + "slug": "100", + "shadow": "0.5px 2px 3px 0.5px rgba(17, 17, 17, 0.2)" + }, + { + "name": "Base", + "slug": "200", + "shadow": "0.5px 2px 6px 1px rgba(17, 17, 17, 0.2)" + }, + { + "name": "Small", + "slug": "300", + "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.2)" + }, + { + "name": "Medium", + "slug": "400", + "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.3)" + }, + { + "name": "Large", + "slug": "500", + "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.3)" + }, + { + "name": "X-Large", + "slug": "600", + "shadow": "2px 6px 12px 6px rgba(17, 17, 17, 0.3)" + } + ] + } + } +} diff --git a/styles/presets/spacing.json b/styles/presets/spacing.json new file mode 100644 index 0000000..0cd8d0e --- /dev/null +++ b/styles/presets/spacing.json @@ -0,0 +1,85 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "settings": { + "spacing": { + "defaultSpacingSizes": false, + "spacingSizes": [ + { + "name": "XXS", + "slug": "5", + "size": "clamp(0.250rem, calc(0.227rem + 0.006vw), 0.312rem)" + }, + { + "name": "XS", + "slug": "10", + "size": "clamp(0.500rem, calc(0.454rem + 0.012vw), 0.625rem)" + }, + { + "name": "S", + "slug": "20", + "size": "clamp(0.875rem, calc(0.736rem + 0.036vw), 1.250rem)" + }, + { + "name": "M", + "slug": "30", + "size": "clamp(1.250rem, calc(1.018rem + 0.060vw), 1.875rem)" + }, + { + "name": "L", + "slug": "40", + "size": "clamp(1.625rem, calc(1.300rem + 0.083vw), 2.500rem)" + }, + { + "name": "XL", + "slug": "50", + "size": "clamp(2.062rem, calc(1.668rem + 0.101vw), 3.125rem)" + }, + { + "name": "XXL", + "slug": "60", + "size": "clamp(2.312rem, calc(1.779rem + 0.137vw), 3.750rem)" + }, + { + "name": "XXXL", + "slug": "70", + "size": "clamp(2.625rem, calc(1.975rem + 0.167vw), 4.375rem)" + }, + { + "name": "XXXXL", + "slug": "80", + "size": "clamp(3.000rem, calc(2.257rem + 0.190vw), 5.000rem)" + }, + { + "name": "Gigantic", + "slug": "90", + "size": "clamp(3.500rem, calc(2.711rem + 0.202vw), 5.625rem)" + }, + { + "name": "Colossal", + "slug": "100", + "size": "clamp(4.000rem, calc(3.164rem + 0.214vw), 6.250rem)" + } + ], + "units": [ + "%", + "em", + "px", + "rem", + "vh", + "vw" + ] + } + }, + "styles": { + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)", + "padding": { + "bottom": "0", + "left": "var(--wp--preset--spacing--20)", + "right": "var(--wp--preset--spacing--20)", + "top": "0" + } + } + } +} diff --git a/styles/presets/typography.json b/styles/presets/typography.json new file mode 100644 index 0000000..af2b669 --- /dev/null +++ b/styles/presets/typography.json @@ -0,0 +1,321 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 3, + "settings": { + "typography": { + "defaultFontSizes": false, + "fluid": true, + "writingMode": true, + "fontFamilies": [ + { + "name": "Lexend", + "slug": "heading", + "fontFamily": "Lexend, sans-serif", + "fontFace": [ + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "200", + "src": [ + "file:./assets/fonts/lexend/Lexend-200-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "300", + "src": [ + "file:./assets/fonts/lexend/Lexend-300-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "400", + "src": [ + "file:./assets/fonts/lexend/Lexend-400-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "500", + "src": [ + "file:./assets/fonts/lexend/Lexend-500-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "600", + "src": [ + "file:./assets/fonts/lexend/Lexend-600-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "700", + "src": [ + "file:./assets/fonts/lexend/Lexend-700-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "800", + "src": [ + "file:./assets/fonts/lexend/Lexend-800-normal.woff2" + ] + }, + { + "fontFamily": "Lexend", + "fontStyle": "normal", + "fontWeight": "900", + "src": [ + "file:./assets/fonts/lexend/Lexend-900-normal.woff2" + ] + } + ] + }, + { + "name": "Manrope", + "slug": "body", + "fontFamily": "Manrope, sans-serif", + "fontFace": [ + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "200", + "src": [ + "file:./assets/fonts/manrope/Manrope-200-normal.woff2" + ] + }, + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "300", + "src": [ + "file:./assets/fonts/manrope/Manrope-300-normal.woff2" + ] + }, + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "400", + "src": [ + "file:./assets/fonts/manrope/Manrope-400-normal.woff2" + ] + }, + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "500", + "src": [ + "file:./assets/fonts/manrope/Manrope-500-normal.woff2" + ] + }, + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "600", + "src": [ + "file:./assets/fonts/manrope/Manrope-600-normal.woff2" + ] + }, + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "700", + "src": [ + "file:./assets/fonts/manrope/Manrope-700-normal.woff2" + ] + }, + { + "fontFamily": "Manrope", + "fontStyle": "normal", + "fontWeight": "800", + "src": [ + "file:./assets/fonts/manrope/Manrope-800-normal.woff2" + ] + } + ] + }, + { + "name": "Roboto Mono", + "slug": "monospace", + "fontFamily": "Roboto Mono, monospace", + "fontFace": [ + { + "fontFamily": "Roboto Mono", + "fontStyle": "normal", + "fontWeight": "100 700", + "unicodeRange": "U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF", + "src": [ + "file:./assets/fonts/roboto-mono/roboto-mono-latin-ext-wght-normal.woff2" + ] + }, + { + "fontFamily": "Roboto Mono", + "fontStyle": "normal", + "fontWeight": "100 700", + "unicodeRange": "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD", + "src": [ + "file:./assets/fonts/roboto-mono/roboto-mono-latin-wght-normal.woff2" + ] + } + ] + } + ], + "fontSizes": [ + { + "name": "Tiny", + "slug": "100", + "size": "0.75rem", + "fluid": { + "min": "0.688rem", + "max": "0.75rem" + } + }, + { + "name": "Base", + "slug": "200", + "size": "1rem", + "fluid": { + "min": "0.875rem", + "max": "1rem" + } + }, + { + "name": "Small", + "slug": "300", + "size": "1.25rem", + "fluid": { + "min": "1rem", + "max": "1.25rem" + } + }, + { + "name": "Medium", + "slug": "400", + "size": "1.5rem", + "fluid": { + "min": "1.25rem", + "max": "1.5rem" + } + }, + { + "name": "Large", + "slug": "500", + "size": "2rem", + "fluid": { + "min": "1.625rem", + "max": "2rem" + } + }, + { + "name": "X-Large", + "slug": "600", + "size": "2.5rem", + "fluid": { + "min": "2.125rem", + "max": "2.5rem" + } + }, + { + "name": "Huge", + "slug": "700", + "size": "3rem", + "fluid": { + "min": "2.375rem", + "max": "3rem" + } + }, + { + "name": "Gigantic", + "slug": "800", + "size": "3.75rem", + "fluid": { + "min": "2.625rem", + "max": "3.75rem" + } + }, + { + "name": "Colossal", + "slug": "900", + "size": "4.5rem", + "fluid": { + "min": "2.75rem", + "max": "4.5rem" + } + } + ] + }, + "custom": { + "line-height": { + "heading-snug": "1.1", + "heading-default": "1.25", + "heading-loose": "1.35", + "button": "1.3", + "paragraph": "1.5" + } + } + }, + "styles": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--body, system-ui, sans-serif)", + "fontSize": "var(--wp--preset--font-size--200)", + "lineHeight": "var(--wp--custom--line-height--paragraph)" + }, + "elements": { + "heading": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading, sans-serif)" + } + }, + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--900)", + "fontWeight": "700", + "lineHeight": "var(--wp--custom--line-height--heading-snug)" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--700)", + "fontWeight": "600", + "lineHeight": "var(--wp--custom--line-height--heading-default)" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--500)", + "fontWeight": "500", + "lineHeight": "var(--wp--custom--line-height--heading-default)" + } + }, + "h4": { + "typography": { + "fontSize": "var(--wp--preset--font-size--400)", + "fontWeight": "500", + "lineHeight": "var(--wp--custom--line-height--heading-loose)" + } + }, + "h5": { + "typography": { + "fontSize": "var(--wp--preset--font-size--300)", + "fontWeight": "500", + "lineHeight": "var(--wp--custom--line-height--heading-loose)" + } + }, + "h6": { + "typography": { + "fontSize": "var(--wp--preset--font-size--300)", + "fontWeight": "500", + "lineHeight": "var(--wp--custom--line-height--heading-default)", + "textDecoration": "uppercase" + } + } + } + } +} diff --git a/theme.json b/theme.json index a32c28d..e78a395 100644 --- a/theme.json +++ b/theme.json @@ -2,11 +2,6 @@ "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "settings": { - "appearanceTools": true, - "layout": { - "contentSize": "800px", - "wideSize": "1360px" - }, "color": { "defaultPalette": false, "defaultGradients": false, @@ -402,543 +397,12 @@ "color": "#10B981" } ] - }, - "spacing": { - "defaultSpacingSizes": false, - "spacingSizes": [ - { - "name": "XXS", - "slug": "5", - "size": "clamp(0.250rem, calc(0.227rem + 0.006vw), 0.312rem)" - }, - { - "name": "XS", - "slug": "10", - "size": "clamp(0.500rem, calc(0.454rem + 0.012vw), 0.625rem)" - }, - { - "name": "S", - "slug": "20", - "size": "clamp(0.875rem, calc(0.736rem + 0.036vw), 1.250rem)" - }, - { - "name": "M", - "slug": "30", - "size": "clamp(1.250rem, calc(1.018rem + 0.060vw), 1.875rem)" - }, - { - "name": "L", - "slug": "40", - "size": "clamp(1.625rem, calc(1.300rem + 0.083vw), 2.500rem)" - }, - { - "name": "XL", - "slug": "50", - "size": "clamp(2.062rem, calc(1.668rem + 0.101vw), 3.125rem)" - }, - { - "name": "XXL", - "slug": "60", - "size": "clamp(2.312rem, calc(1.779rem + 0.137vw), 3.750rem)" - }, - { - "name": "XXXL", - "slug": "70", - "size": "clamp(2.625rem, calc(1.975rem + 0.167vw), 4.375rem)" - }, - { - "name": "XXXXL", - "slug": "80", - "size": "clamp(3.000rem, calc(2.257rem + 0.190vw), 5.000rem)" - }, - { - "name": "Gigantic", - "slug": "90", - "size": "clamp(3.500rem, calc(2.711rem + 0.202vw), 5.625rem)" - }, - { - "name": "Colossal", - "slug": "100", - "size": "clamp(4.000rem, calc(3.164rem + 0.214vw), 6.250rem)" - } - ], - "units": [ - "%", - "em", - "px", - "rem", - "vh", - "vw" - ] - }, - "typography": { - "defaultFontSizes": false, - "fluid": true, - "writingMode": true, - "fontFamilies": [ - { - "name": "Lexend", - "slug": "heading", - "fontFamily": "Lexend, sans-serif", - "fontFace": [ - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "200", - "src": [ - "file:./assets/fonts/lexend/Lexend-200-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "300", - "src": [ - "file:./assets/fonts/lexend/Lexend-300-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "400", - "src": [ - "file:./assets/fonts/lexend/Lexend-400-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "500", - "src": [ - "file:./assets/fonts/lexend/Lexend-500-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "600", - "src": [ - "file:./assets/fonts/lexend/Lexend-600-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "700", - "src": [ - "file:./assets/fonts/lexend/Lexend-700-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "800", - "src": [ - "file:./assets/fonts/lexend/Lexend-800-normal.woff2" - ] - }, - { - "fontFamily": "Lexend", - "fontStyle": "normal", - "fontWeight": "900", - "src": [ - "file:./assets/fonts/lexend/Lexend-900-normal.woff2" - ] - } - ] - }, - { - "name": "Manrope", - "slug": "body", - "fontFamily": "Manrope, sans-serif", - "fontFace": [ - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "200", - "src": [ - "file:./assets/fonts/manrope/Manrope-200-normal.woff2" - ] - }, - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "300", - "src": [ - "file:./assets/fonts/manrope/Manrope-300-normal.woff2" - ] - }, - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "400", - "src": [ - "file:./assets/fonts/manrope/Manrope-400-normal.woff2" - ] - }, - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "500", - "src": [ - "file:./assets/fonts/manrope/Manrope-500-normal.woff2" - ] - }, - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "600", - "src": [ - "file:./assets/fonts/manrope/Manrope-600-normal.woff2" - ] - }, - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "700", - "src": [ - "file:./assets/fonts/manrope/Manrope-700-normal.woff2" - ] - }, - { - "fontFamily": "Manrope", - "fontStyle": "normal", - "fontWeight": "800", - "src": [ - "file:./assets/fonts/manrope/Manrope-800-normal.woff2" - ] - } - ] - }, - { - "name": "Roboto Mono", - "slug": "monospace", - "fontFamily": "Roboto Mono, monospace", - "fontFace": [ - { - "fontFamily": "Roboto Mono", - "fontStyle": "normal", - "fontWeight": "100 700", - "unicodeRange": "U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF", - "src": [ - "file:./assets/fonts/roboto-mono/roboto-mono-latin-ext-wght-normal.woff2" - ] - }, - { - "fontFamily": "Roboto Mono", - "fontStyle": "normal", - "fontWeight": "100 700", - "unicodeRange": "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD", - "src": [ - "file:./assets/fonts/roboto-mono/roboto-mono-latin-wght-normal.woff2" - ] - } - ] - } - ], - "fontSizes": [ - { - "name": "Tiny", - "slug": "100", - "size": "0.75rem", - "fluid": { - "min": "0.688rem", - "max": "0.75rem" - } - }, - { - "name": "Base", - "slug": "200", - "size": "1rem", - "fluid": { - "min": "0.875rem", - "max": "1rem" - } - }, - { - "name": "Small", - "slug": "300", - "size": "1.25rem", - "fluid": { - "min": "1rem", - "max": "1.25rem" - } - }, - { - "name": "Medium", - "slug": "400", - "size": "1.5rem", - "fluid": { - "min": "1.25rem", - "max": "1.5rem" - } - }, - { - "name": "Large", - "slug": "500", - "size": "2rem", - "fluid": { - "min": "1.625rem", - "max": "2rem" - } - }, - { - "name": "X-Large", - "slug": "600", - "size": "2.5rem", - "fluid": { - "min": "2.125rem", - "max": "2.5rem" - } - }, - { - "name": "Huge", - "slug": "700", - "size": "3rem", - "fluid": { - "min": "2.375rem", - "max": "3rem" - } - }, - { - "name": "Gigantic", - "slug": "800", - "size": "3.75rem", - "fluid": { - "min": "2.625rem", - "max": "3.75rem" - } - }, - { - "name": "Colossal", - "slug": "900", - "size": "4.5rem", - "fluid": { - "min": "2.75rem", - "max": "4.5rem" - } - } - ] - }, - "custom": { - "line-height": { - "heading-snug": "1.1", - "heading-default": "1.25", - "heading-loose": "1.35", - "button": "1.3", - "paragraph": "1.5" - }, - "button-padding": { - "top": "1rem", - "right": "4rem", - "bottom": "1rem", - "left": "1.5rem" - } - }, - "shadow": { - "defaultPresets": false, - "presets": [ - { - "name": "Tiny", - "slug": "100", - "shadow": "0.5px 2px 3px 0.5px rgba(17, 17, 17, 0.2)" - }, - { - "name": "Base", - "slug": "200", - "shadow": "0.5px 2px 6px 1px rgba(17, 17, 17, 0.2)" - }, - { - "name": "Small", - "slug": "300", - "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.2)" - }, - { - "name": "Medium", - "slug": "400", - "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.3)" - }, - { - "name": "Large", - "slug": "500", - "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.3)" - }, - { - "name": "X-Large", - "slug": "600", - "shadow": "2px 6px 12px 6px rgba(17, 17, 17, 0.3)" - } - ] - }, - "border": { - "radius": true, - "radiusSizes": [ - { - "name": "none", - "slug": "0", - "size": "0" - }, - { - "name": "small", - "slug": "100", - "size": "4px" - }, - { - "name": "medium", - "slug": "200", - "size": "8px" - }, - { - "name": "large", - "slug": "300", - "size": "16px" - }, - { - "name": "x-large", - "slug": "400", - "size": "24px" - }, - { - "name": "round", - "slug": "500", - "size": "9999px" - } - ] - }, - "useRootPaddingAwareAlignments": true + } }, "styles": { "color": { "background": "var(--wp--preset--color--base)", "text": "var(--wp--preset--color--contrast)" - }, - "typography": { - "fontFamily": "var(--wp--preset--font-family--body, system-ui, sans-serif)", - "fontSize": "var(--wp--preset--font-size--200)", - "lineHeight": "var(--wp--custom--line-height--paragraph)" - }, - "spacing": { - "blockGap": "var(--wp--preset--spacing--30)", - "padding": { - "bottom": "0", - "left": "var(--wp--preset--spacing--20)", - "right": "var(--wp--preset--spacing--20)", - "top": "0" - } - }, - "elements": { - "button": { - "color": { - "text": "var:preset|color|base" - }, - "border": { - "radius": "var:preset|border-radius|200" - }, - "spacing": { - "padding": { - "top": "1rem", - "right": "4rem", - "bottom": "1rem", - "left": "1.5rem" - } - }, - "typography": { - "fontSize": "var:preset|font-size|200", - "fontWeight": "700", - "letterSpacing": "0.08em" - }, - "css": "&{--ls-button-fill-background:var(--wp--preset--color--brand-500);--ls-button-fill-icon-colour:var(--wp--preset--color--base);--ls-button-fill-hover-text:var(--wp--preset--color--contrast);--ls-button-fill-duration:500ms;--ls-button-fill-enter-delay:80ms;--ls-button-active-scale:0.98;}" - }, - "link": { - "color": { - "text": "var(--wp--preset--color--accent-500)" - }, - ":hover": { - "color": { - "text": "var(--wp--preset--color--accent-two-500)" - } - } - }, - "heading": { - "typography": { - "fontFamily": "var(--wp--preset--font-family--heading, sans-serif)" - } - }, - "h1": { - "typography": { - "fontSize": "var(--wp--preset--font-size--900)", - "fontWeight": "700", - "lineHeight": "var(--wp--custom--line-height--heading-snug)" - } - }, - "h2": { - "typography": { - "fontSize": "var(--wp--preset--font-size--700)", - "fontWeight": "600", - "lineHeight": "var(--wp--custom--line-height--heading-default)" - } - }, - "h3": { - "typography": { - "fontSize": "var(--wp--preset--font-size--500)", - "fontWeight": "500", - "lineHeight": "var(--wp--custom--line-height--heading-default)" - } - }, - "h4": { - "typography": { - "fontSize": "var(--wp--preset--font-size--400)", - "fontWeight": "500", - "lineHeight": "var(--wp--custom--line-height--heading-loose)" - } - }, - "h5": { - "typography": { - "fontSize": "var(--wp--preset--font-size--300)", - "fontWeight": "500", - "lineHeight": "var(--wp--custom--line-height--heading-loose)" - } - }, - "h6": { - "typography": { - "fontSize": "var(--wp--preset--font-size--300)", - "fontWeight": "500", - "lineHeight": "var(--wp--custom--line-height--heading-default)", - "textDecoration": "uppercase" - } - } - }, - "blocks": { - "core/button": { - "variations": { - "outline": { - "border": { - "color": "var:preset|color|brand-500", - "style": "solid", - "width": "2px", - "radius": "var:preset|border-radius|200" - }, - "color": { - "background": "var:preset|color|base", - "text": "var:preset|color|contrast" - }, - "spacing": { - "padding": { - "top": "1rem", - "right": "4rem", - "bottom": "1rem", - "left": "1.5rem" - } - }, - "typography": { - "fontSize": "var:preset|font-size|200", - "fontWeight": "700", - "letterSpacing": "0.08em" - }, - "css": "&{--ls-button-outline-accent-background:var(--wp--preset--color--brand-500);--ls-button-outline-accent-colour:var(--wp--preset--color--base);--ls-button-outline-icon-radius:var(--wp--preset--border-radius--100);}" - } - } - } } }, "templateParts": [