02c2556875
* Blockbase: Simplify our approach to font customization * remove commented code * Handle fonts that are customized the old way * add comments * update all child themes to use the new font customization settings * Add a comment about this being a breaking change * Add a notice when a user has an old version of blockbase
618 lines
14 KiB
JSON
618 lines
14 KiB
JSON
{
|
|
"$schema": "https://json.schemastore.org/theme-v1.json",
|
|
"version": 1,
|
|
"templateParts": [
|
|
{
|
|
"name": "header",
|
|
"area": "header"
|
|
},
|
|
{
|
|
"name": "footer",
|
|
"area": "footer"
|
|
}
|
|
],
|
|
"customTemplates": [
|
|
{
|
|
"name": "blank",
|
|
"title": "Blank",
|
|
"postTypes": [
|
|
"page",
|
|
"post"
|
|
]
|
|
},
|
|
{
|
|
"name": "header-footer-only",
|
|
"title": "Header and Footer Only",
|
|
"postTypes": [
|
|
"page",
|
|
"post"
|
|
]
|
|
}
|
|
],
|
|
"settings": {
|
|
"border": {
|
|
"customColor": true,
|
|
"customRadius": true,
|
|
"customStyle": true,
|
|
"customWidth": true
|
|
},
|
|
"color": {
|
|
"palette": [
|
|
{
|
|
"slug": "primary",
|
|
"color": "#007cba",
|
|
"name": "Primary"
|
|
},
|
|
{
|
|
"slug": "secondary",
|
|
"color": "#006ba1",
|
|
"name": "Secondary"
|
|
},
|
|
{
|
|
"slug": "foreground",
|
|
"color": "#333333",
|
|
"name": "Foreground"
|
|
},
|
|
{
|
|
"slug": "background",
|
|
"color": "#ffffff",
|
|
"name": "Background"
|
|
},
|
|
{
|
|
"slug": "tertiary",
|
|
"color": "#FAFAFA",
|
|
"name": "Tertiary"
|
|
}
|
|
]
|
|
},
|
|
"custom": {
|
|
"alignment": {
|
|
"alignedMaxWidth": "50%"
|
|
},
|
|
"button": {
|
|
"border": {
|
|
"color": "var(--wp--custom--color--primary)",
|
|
"radius": "4px",
|
|
"style": "solid",
|
|
"width": "2px"
|
|
},
|
|
"color": {
|
|
"background": "var(--wp--custom--color--primary)",
|
|
"text": "var(--wp--custom--color--background)"
|
|
},
|
|
"hover": {
|
|
"color": {
|
|
"text": "var(--wp--custom--color--background)",
|
|
"background": "var(--wp--custom--color--secondary)"
|
|
},
|
|
"border": {
|
|
"color": "var(--wp--custom--color--secondary)"
|
|
}
|
|
},
|
|
"spacing": {
|
|
"padding": {
|
|
"top": "0.667em",
|
|
"bottom": "0.667em",
|
|
"left": "1.333em",
|
|
"right": "1.333em"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)",
|
|
"fontWeight": "normal",
|
|
"lineHeight": 2
|
|
}
|
|
},
|
|
"color": {
|
|
"foreground": "var(--wp--preset--color--foreground)",
|
|
"background": "var(--wp--preset--color--background)",
|
|
"primary": "var(--wp--preset--color--primary)",
|
|
"secondary": "var(--wp--preset--color--secondary)",
|
|
"tertiary": "var(--wp--preset--color--tertiary)"
|
|
},
|
|
"colorPalettes": [
|
|
{
|
|
"label": "Featured",
|
|
"slug": "palette-1",
|
|
"colors": {
|
|
"primary": "#C8133E",
|
|
"secondary": "#4E2F4B",
|
|
"foreground": "#1D1E1E",
|
|
"background": "#FFFFFF",
|
|
"tertiary": "#F9F9F9"
|
|
}
|
|
},
|
|
{
|
|
"label": "Featured",
|
|
"slug": "palette-2",
|
|
"colors": {
|
|
"primary": "#35845D",
|
|
"secondary": "#233252",
|
|
"foreground": "#242527",
|
|
"background": "#EEF4F7",
|
|
"tertiary": "#F9F9F9"
|
|
}
|
|
},
|
|
{
|
|
"label": "Featured",
|
|
"slug": "palette-3",
|
|
"colors": {
|
|
"primary": "#9FD3E8",
|
|
"secondary": "#FBE6AA",
|
|
"foreground": "#FFFFFF",
|
|
"background": "#1F2527",
|
|
"tertiary": "#364043"
|
|
}
|
|
}
|
|
],
|
|
"fontSizes": {
|
|
"tiny": "14px"
|
|
},
|
|
"form": {
|
|
"padding": "calc( 0.5 * var(--wp--custom--gap--horizontal) )",
|
|
"border": {
|
|
"color": "#EFEFEF",
|
|
"radius": "0",
|
|
"style": "solid",
|
|
"width": "2px"
|
|
},
|
|
"checkbox": {
|
|
"checked": {
|
|
"content": "\"\\2715\"",
|
|
"fontSize": "var(--wp--custom--font-sizes--tiny)",
|
|
"position": {
|
|
"left": "3px",
|
|
"top": "3px"
|
|
},
|
|
"sizing": {
|
|
"height": "12px",
|
|
"width": "12px"
|
|
}
|
|
},
|
|
"unchecked": {
|
|
"content": "\"\"",
|
|
"position": {
|
|
"left": "0",
|
|
"top": "0.2em"
|
|
},
|
|
"sizing": {
|
|
"height": "16px",
|
|
"width": "16px"
|
|
}
|
|
}
|
|
},
|
|
"color": {
|
|
"background": "transparent",
|
|
"boxShadow": "none",
|
|
"text": "inherit"
|
|
},
|
|
"label": {
|
|
"spacing": {
|
|
"margin": {
|
|
"bottom": "var(--wp--custom--gap--baseline)"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontSize": "var(--wp--custom--font-sizes--tiny)",
|
|
"fontWeight": "normal",
|
|
"letterSpacing": "normal",
|
|
"textTransform": "none"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)"
|
|
}
|
|
},
|
|
"gallery": {
|
|
"caption": {
|
|
"fontSize": "var(--wp--preset--font-size--small)"
|
|
}
|
|
},
|
|
"body": {
|
|
"typography": {
|
|
"lineHeight": 1.6
|
|
}
|
|
},
|
|
"heading": {
|
|
"typography": {
|
|
"fontWeight": 400,
|
|
"lineHeight": 1.125
|
|
}
|
|
},
|
|
"latest-posts": {
|
|
"meta": {
|
|
"color": {
|
|
"text": "var(--wp--custom--color--primary)"
|
|
}
|
|
}
|
|
},
|
|
"layout": {
|
|
"contentSize": "620px"
|
|
},
|
|
"list": {
|
|
"spacing": {
|
|
"padding": {
|
|
"left": "calc( 2 * var(--wp--custom--gap--horizontal) )"
|
|
}
|
|
}
|
|
},
|
|
"gap": {
|
|
"baseline": "15px",
|
|
"horizontal": "min(30px, 5vw)",
|
|
"vertical": "min(30px, 5vw)"
|
|
},
|
|
"navigation": {
|
|
"submenu": {
|
|
"border": {
|
|
"color": "var(--wp--preset--color--primary)",
|
|
"radius": "var(--wp--custom--form--border--radius)",
|
|
"style": "var(--wp--custom--form--border--style)",
|
|
"width": "var(--wp--custom--form--border--width)"
|
|
},
|
|
"color": {
|
|
"background": "var(--wp--custom--color--background)",
|
|
"text": "var(--wp--preset--color--foreground)"
|
|
}
|
|
}
|
|
},
|
|
"paragraph": {
|
|
"dropcap": {
|
|
"margin": ".1em .1em 0 0",
|
|
"typography": {
|
|
"fontSize": "110px",
|
|
"fontWeight": "400"
|
|
}
|
|
}
|
|
},
|
|
"post-author": {
|
|
"typography": {
|
|
"fontWeight": "normal"
|
|
}
|
|
},
|
|
"post-comment": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)",
|
|
"lineHeight": "var(--wp--custom--body--typography--line-height)"
|
|
}
|
|
},
|
|
"pullquote": {
|
|
"citation": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--custom--font-sizes--tiny)",
|
|
"fontFamily": "inherit",
|
|
"fontStyle": "italic"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"textAlign": "left"
|
|
}
|
|
},
|
|
"quote": {
|
|
"citation": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--custom--font-sizes--tiny)",
|
|
"fontStyle": "italic",
|
|
"fontWeight": "400"
|
|
}
|
|
},
|
|
"typography": {
|
|
"textAlign": "left"
|
|
}
|
|
},
|
|
"separator": {
|
|
"opacity": 1,
|
|
"width": "150px"
|
|
},
|
|
"table": {
|
|
"figcaption": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--custom--font-sizes--tiny)"
|
|
}
|
|
}
|
|
},
|
|
"video": {
|
|
"caption": {
|
|
"textAlign": "center",
|
|
"margin": "var(--wp--custom--gap--vertical) auto"
|
|
}
|
|
}
|
|
},
|
|
"layout": {
|
|
"contentSize": "620px",
|
|
"wideSize": "1000px"
|
|
},
|
|
"spacing": {
|
|
"blockGap": true,
|
|
"customPadding": true,
|
|
"units": [
|
|
"%",
|
|
"px",
|
|
"em",
|
|
"rem",
|
|
"vh",
|
|
"vw"
|
|
]
|
|
},
|
|
"typography": {
|
|
"customFontSize": true,
|
|
"customLineHeight": true,
|
|
"fontFamilies": [
|
|
{
|
|
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
|
|
"fontSlug": "system-font",
|
|
"slug": "body-font",
|
|
"name": "Body (System Font)"
|
|
},
|
|
{
|
|
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
|
|
"fontSlug": "system-font",
|
|
"slug": "heading-font",
|
|
"name": "Headings (System Font)"
|
|
}
|
|
],
|
|
"fontSizes": [
|
|
{
|
|
"name": "Small",
|
|
"size": "16px",
|
|
"slug": "small"
|
|
},
|
|
{
|
|
"name": "Normal",
|
|
"size": "18px",
|
|
"slug": "normal"
|
|
},
|
|
{
|
|
"name": "Medium",
|
|
"size": "24px",
|
|
"slug": "medium"
|
|
},
|
|
{
|
|
"name": "Large",
|
|
"size": "28px",
|
|
"slug": "large"
|
|
},
|
|
{
|
|
"name": "Huge",
|
|
"size": "32px",
|
|
"slug": "huge"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"styles": {
|
|
"blocks": {
|
|
"core/button": {
|
|
"border": {
|
|
"radius": "var(--wp--custom--button--border--radius)"
|
|
},
|
|
"color": {
|
|
"background": "var(--wp--custom--button--color--background)",
|
|
"text": "var(--wp--custom--button--color--text)"
|
|
},
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--body-font)",
|
|
"fontSize": "var(--wp--custom--button--typography--font-size)",
|
|
"fontWeight": "var(--wp--custom--button--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--button--typography--line-height)"
|
|
}
|
|
},
|
|
"core/code": {
|
|
"border": {
|
|
"color": "#CCCCCC",
|
|
"radius": "0px",
|
|
"style": "solid",
|
|
"width": "2px"
|
|
},
|
|
"spacing": {
|
|
"padding": {
|
|
"left": "var(--wp--custom--gap--horizontal)",
|
|
"right": "var(--wp--custom--gap--horizontal)",
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontFamily": "monospace"
|
|
}
|
|
},
|
|
"core/gallery": {
|
|
"spacing": {
|
|
"margin": {
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"core/navigation": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)"
|
|
}
|
|
},
|
|
"core/post-title": {
|
|
"spacing": {
|
|
"margin": {
|
|
"bottom": "0"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontSize": "var(--wp--preset--font-size--large)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
|
|
}
|
|
},
|
|
"core/post-date": {
|
|
"color": {
|
|
"link": "var(--wp--custom--color--foreground)",
|
|
"text": "var(--wp--custom--color--foreground)"
|
|
},
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--small)"
|
|
}
|
|
},
|
|
"core/pullquote": {
|
|
"border": {
|
|
"style": "solid",
|
|
"width": "1px 0"
|
|
},
|
|
"typography": {
|
|
"fontStyle": "italic",
|
|
"fontSize": "var(--wp--preset--font-size--large)"
|
|
},
|
|
"spacing": {
|
|
"padding": {
|
|
"left": "var(--wp--custom--gap--horizontal)",
|
|
"right": "var(--wp--custom--gap--horizontal)",
|
|
"top": "var(--wp--custom--gap--horizontal)",
|
|
"bottom": "var(--wp--custom--gap--horizontal)"
|
|
}
|
|
}
|
|
},
|
|
"core/search": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--custom--button--typography--font-size)",
|
|
"lineHeight": "var(--wp--custom--body--typography--line-height)"
|
|
}
|
|
},
|
|
"core/separator": {
|
|
"color": {
|
|
"text": "var(--wp--custom--color--foreground)"
|
|
},
|
|
"border": {
|
|
"color": "currentColor",
|
|
"style": "solid",
|
|
"width": "0 0 1px 0"
|
|
}
|
|
},
|
|
"core/quote": {
|
|
"border": {
|
|
"color": "var(--wp--custom--color--primary)",
|
|
"style": "solid",
|
|
"width": "0 0 0 1px"
|
|
},
|
|
"spacing": {
|
|
"padding": {
|
|
"left": "var(--wp--custom--gap--horizontal)"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)",
|
|
"fontStyle": "normal"
|
|
}
|
|
},
|
|
"core/site-title": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)",
|
|
"fontWeight": "700",
|
|
"textDecoration": "none"
|
|
}
|
|
}
|
|
},
|
|
"color": {
|
|
"background": "var(--wp--custom--color--background)",
|
|
"text": "var(--wp--custom--color--foreground)"
|
|
},
|
|
"elements": {
|
|
"h1": {
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
|
|
"fontSize": "48px"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"h2": {
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
|
|
"fontSize": "32px"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"h3": {
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
|
|
"fontSize": "var(--wp--preset--font-size--large)"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"h4": {
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
|
|
"fontSize": "var(--wp--preset--font-size--medium)"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"h5": {
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
|
|
"fontSize": "var(--wp--preset--font-size--normal)"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"h6": {
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--heading-font)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
|
|
"fontSize": "var(--wp--preset--font-size--small)"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
}
|
|
},
|
|
"link": {
|
|
"color": {
|
|
"text": "var(--wp--custom--color--primary)"
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
|
|
},
|
|
"typography": {
|
|
"lineHeight": "var(--wp--custom--body--typography--line-height)",
|
|
"fontFamily": "var(--wp--preset--font-family--body-font)",
|
|
"fontSize": "var(--wp--preset--font-size--normal)"
|
|
}
|
|
}
|
|
}
|