themes-wordpress/blank-canvas-blocks/experimental-theme.json
Jeff Ong 655b1fef3b
BCB + children: use nav block responsive control (#3870)
* Replace responsive logic + styles with the blocks native responsiveness.
* Added responsive flag and removed default links for navigation blocks
* Added backup solution to mobile nav to quadrat

Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-05-21 13:57:42 -04:00

444 lines
9.5 KiB
JSON

{
"version": 1,
"templateParts": [
{
"name": "header",
"area": "header"
},
{
"name": "footer",
"area": "footer"
},
{
"name": "navigation",
"area": "navigation"
}
],
"settings": {
"border": {
"customColor": true,
"customRadius": true,
"customStyle": true,
"customWidth": true
},
"color": {
"gradients": [],
"palette": [
{
"slug": "black",
"color": "#000000",
"name": "Black"
},
{
"slug": "white",
"color": "#ffffff",
"name": "White"
},
{
"slug": "blue",
"color": "#007cba",
"name": "Blue"
},
{
"slug": "almost-black",
"color": "#333333",
"name": "Almost Black"
},
{
"slug": "almost-white",
"color": "#FAFAFA",
"name": "Almost White"
}
]
},
"custom": {
"alignment": {
"alignedMaxWidth": "50%"
},
"button": {
"border": {
"color": "var(--wp--custom--color--foreground)",
"radius": "4px",
"style": "solid",
"width": "2px"
},
"color": {
"background": "var(--wp--custom--color--secondary)",
"text": "var(--wp--custom--color--background)"
},
"hover": {
"color": {
"background": "#006ba1"
}
},
"spacing": {
"padding": {
"top": "0.667em",
"bottom": "0.667em",
"left": "1.333em",
"right": "1.333em"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "normal",
"lineHeight": 2
}
},
"code": {
"typography": {
"fontFamily": "monospace"
}
},
"color": {
"primary": "var(--wp--preset--color--black)",
"secondary": "var(--wp--preset--color--blue)",
"tertiary": "var(--wp--preset--color--almost-white)",
"foreground": "var(--wp--preset--color--almost-black)",
"background": "var(--wp--preset--color--white)",
"selection": "var(--wp--preset--color--almost-white)"
},
"form": {
"padding": "calc( 0.5 * var(--wp--custom--margin--horizontal) )",
"border": {
"color": "#EFEFEF",
"radius": "0",
"style": "solid",
"width": "2px"
},
"color": {
"background": "transparent",
"boxShadow": "none",
"text": "var(--wp--custom--color--foreground)"
},
"label": {
"typography": {
"fontSize": "var(--wp--preset--font-size--tiny)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)"
}
},
"gallery": {
"caption": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"heading": {
"typography": {
"fontWeight": 400,
"lineHeight": 1.125
}
},
"list": {
"fontFamily": "var(--wp--custom--font-family--base)",
"padding": {
"left": "calc( 2 * var(--wp--custom--margin--horizontal) )"
}
},
"margin": {
"baseline": "10px",
"horizontal": "30px",
"vertical": "30px"
},
"paragraph": {
"dropcap": {
"margin": ".1em .1em 0 0",
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "110px",
"fontWeight": "400"
}
}
},
"post-author": {
"typography": {
"fontWeight": "normal"
}
},
"post-content": {
"padding": {
"left": "var(--wp--custom--margin--horizontal)",
"right": "var(--wp--custom--margin--horizontal)"
}
},
"pullquote": {
"citation": {
"typography": {
"fontSize": "var(--wp--preset--font-size--tiny)",
"fontFamily": "inherit",
"fontStyle": "italic"
},
"spacing": {
"margin": {
"top": "var(--wp--custom--margin--vertical)"
}
}
},
"typography": {
"textAlign": "left"
}
},
"quote": {
"citation": {
"typography": {
"fontSize": "var(--wp--preset--font-size--tiny)",
"fontStyle": "italic",
"fontWeight": "400"
}
},
"typography": {
"textAlign": "left"
}
},
"separator": {
"opacity": 1,
"margin": "var(--wp--custom--margin--vertical) auto",
"width": "150px"
},
"table": {
"figcaption": {
"typography": {
"fontSize": "var(--wp--preset--font-size--tiny)"
}
}
},
"video": {
"caption": {
"textAlign": "center",
"margin": "var(--wp--custom--margin--vertical) auto"
}
}
},
"layout": {
"contentSize": "620px",
"wideSize": "1000px"
},
"spacing": {
"customPadding": true,
"units": [
"px",
"em",
"rem",
"vh",
"vw"
]
},
"typography": {
"customFontSize": true,
"customLineHeight": true,
"fontFamilies": [
{
"fontFamily": "var(--font-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif)",
"slug": "base",
"name": "Base"
},
{
"fontFamily": "var(--font-headings, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif)",
"slug": "headings",
"name": "Headings"
}
],
"fontSizes": [
{
"name": "Tiny",
"size": "14px",
"slug": "tiny"
},
{
"name": "Small",
"size": "16px",
"slug": "small"
},
{
"name": "Normal",
"size": "18px",
"slug": "normal"
},
{
"name": "Large",
"size": "24px",
"slug": "large"
},
{
"name": "Huge",
"size": "28px",
"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--custom--button--typography--font-family)",
"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": {
"spacing": {
"padding": {
"left": "var(--wp--custom--margin--horizontal)",
"right": "var(--wp--custom--margin--horizontal)",
"top": "var(--wp--custom--margin--vertical)",
"bottom": "var(--wp--custom--margin--vertical)"
}
},
"border": {
"color": "#CCCCCC",
"radius": "0px",
"style": "solid",
"width": "2px"
}
},
"core/heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
},
"core/navigation": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/navigation-link": {
"color": {
"background": "var(--wp--custom--color--background)"
}
},
"core/post-content": {
"spacing": {
"padding": {
"left": "var(--wp--custom--post-content--padding--left)",
"right": "var(--wp--custom--post-content--padding--right)"
}
}
},
"core/post-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"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--huge)"
},
"spacing": {
"padding": {
"left": "var(--wp--custom--margin--horizontal)",
"right": "var(--wp--custom--margin--horizontal)",
"top": "var(--wp--custom--margin--horizontal)",
"bottom": "var(--wp--custom--margin--horizontal)"
}
}
},
"core/separator": {
"color": {
"text": "var(--wp--custom--color--foreground)"
},
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
}
},
"core/site-title": {
"typography": {
"fontSize": "60px",
"fontWeight": 700
}
},
"core/quote": {
"border": {
"color": "var(--wp--custom--color--secondary)",
"style": "solid",
"width": "0 0 0 1px"
},
"spacing": {
"padding": {
"left": "var(--wp--custom--margin--horizontal)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontStyle": "normal"
}
}
},
"color": {
"background": "var(--wp--custom--color--background)",
"text": "var(--wp--custom--color--foreground)"
},
"elements": {
"h1": {
"typography": {
"fontSize": "48px"
}
},
"h2": {
"typography": {
"fontSize": "32px"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"link": {
"color": {
"text": "var(--wp--custom--color--secondary)"
}
}
},
"typography": {
"lineHeight": 1.6,
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--normal)"
}
}
}