themes-wordpress/pendant/theme.json
Jason Crist d4929cbefb
Create Pendant Base Theme (#5694)
* Cloned 'Block Canvas' and adjusted the palette colors as a starting point
Co-authored-by: Jeff Ong <jonger4@gmail.com>
2022-03-17 09:04:05 -04:00

424 lines
No EOL
15 KiB
JSON

{
"version": 2,
"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"
]
},
{
"name": "footer-only",
"title": "Footer Only",
"postTypes": [
"page",
"post"
]
}
],
"settings": {
"color": {
"palette": [
{
"slug": "primary",
"color": "#776c4e",
"name": "Primary"
},
{
"slug": "secondary",
"color": "#a19982",
"name": "Secondary"
},
{
"slug": "foreground",
"color": "#000000",
"name": "Foreground"
},
{
"slug": "background",
"color": "#ffffff",
"name": "Background"
},
{
"slug": "tertiary",
"color": "#f1ede6",
"name": "Tertiary"
}
],
"link": true
},
"custom": {
"button": {
"border": {
"color": "var(--wp--preset--color--primary)",
"radius": "4px",
"style": "solid",
"width": "2px"
},
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
},
"hover": {
"color": {
"text": "var(--wp--preset--color--background)",
"background": "var(--wp--preset--color--secondary)"
},
"border": {
"color": "var(--wp--preset--color--secondary)"
}
},
"spacing": {
"padding": {
"top": "0.667em",
"bottom": "0.667em",
"left": "1.333em",
"right": "1.333em"
}
},
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)",
"fontWeight": "normal",
"lineHeight": 2
}
},
"fontSizes": {
"x-small": "14px",
"normal": "18px"
},
"gap": {
"baseline": "15px",
"horizontal": "min(30px, 5vw)",
"vertical": "min(30px, 5vw)"
},
"heading": {
"typography": {
"fontWeight": 400,
"lineHeight": 1.125
}
}
},
"spacing": {
"units": [
"%",
"px",
"em",
"rem",
"vh",
"vw"
],
"blockGap": true,
"margin": true,
"padding": true
},
"typography": {
"fontFamilies": [
{
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
"slug": "body-font",
"name": "Body (System Font)"
},
{
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
"slug": "heading-font",
"name": "Headings (System Font)"
}
],
"fontSizes": [
{
"name": "Small",
"size": "16px",
"slug": "small"
},
{
"name": "Medium",
"size": "24px",
"slug": "medium"
},
{
"name": "Large",
"size": "28px",
"slug": "large"
},
{
"name": "Extra Large",
"size": "32px",
"slug": "x-large"
}
],
"lineHeight": true
},
"layout": {
"contentSize": "620px",
"wideSize": "1000px"
},
"border": {
"color": true,
"radius": true,
"style": true,
"width": true
}
},
"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\/list": {
"spacing": {
"padding": {
"left": "calc( 2 * var(--wp--custom--gap--horizontal) )"
}
}
},
"core\/navigation": {
"typography": {
"fontSize": "var(--wp--custom--font-sizes--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": "1.125"
}
},
"core\/post-date": {
"color": {
"text": "var(--wp--preset--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": "1.6"
}
},
"core\/separator": {
"color": {
"text": "var(--wp--preset--color--foreground)"
},
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
}
},
"core\/quote": {
"border": {
"color": "var(--wp--preset--color--primary)",
"style": "solid",
"width": "0 0 0 1px"
},
"spacing": {
"padding": {
"left": "var(--wp--custom--gap--horizontal)"
}
},
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)",
"fontStyle": "normal"
}
},
"core\/site-tagline": {
"typography": {
"fontSize": "var(--wp--custom--font-sizes--x-small)"
}
},
"core\/site-title": {
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)",
"fontWeight": "700",
"textDecoration": "none"
}
}
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--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": "var(--wp--preset--font-size--x-large)"
},
"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--custom--font-sizes--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--preset--color--primary)"
}
}
},
"spacing": {
"blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
},
"typography": {
"lineHeight": "1.6",
"fontFamily": "var(--wp--preset--font-family--body-font)",
"fontSize": "var(--wp--custom--font-sizes--normal)"
}
}
}