8ee9e7e37a
* separated mixins from rules for the button block * Removed unnecessary stylistic hover styles that were breaking on Chrome Co-authored-by: Jason Crist <jcrist@pbking.com>
474 lines
No EOL
10 KiB
JSON
474 lines
No EOL
10 KiB
JSON
{
|
|
"version": 1,
|
|
"templateParts": [
|
|
{
|
|
"name": "header",
|
|
"area": "header"
|
|
},
|
|
{
|
|
"name": "footer",
|
|
"area": "footer"
|
|
},
|
|
{
|
|
"name": "navigation",
|
|
"area": "navigation"
|
|
},
|
|
{
|
|
"name": "post-meta",
|
|
"area": "Post Meta"
|
|
}
|
|
],
|
|
"settings": {
|
|
"border": {
|
|
"customColor": true,
|
|
"customRadius": true,
|
|
"customStyle": true,
|
|
"customWidth": true
|
|
},
|
|
"color": {
|
|
"gradients": [],
|
|
"palette": [
|
|
{
|
|
"slug": "black",
|
|
"color": "#000000",
|
|
"name": "Black"
|
|
},
|
|
{
|
|
"slug": "almost-black",
|
|
"color": "#1a1a1a",
|
|
"name": "Almost Black"
|
|
},
|
|
{
|
|
"slug": "white",
|
|
"color": "#FFFFFF",
|
|
"name": "White"
|
|
},
|
|
{
|
|
"slug": "gray",
|
|
"color": "#666666",
|
|
"name": "Gray"
|
|
},
|
|
{
|
|
"slug": "dark-gray",
|
|
"color": "#333333",
|
|
"name": "Dark Gray"
|
|
}
|
|
]
|
|
},
|
|
"custom": {
|
|
"alignment": {
|
|
"alignedMaxWidth": "50%"
|
|
},
|
|
"button": {
|
|
"border": {
|
|
"color": "var(--wp--custom--color--secondary)",
|
|
"radius": "5px",
|
|
"style": "solid",
|
|
"width": "2px"
|
|
},
|
|
"color": {
|
|
"background": "var(--wp--custom--color--foreground)",
|
|
"text": "var(--wp--custom--color--background)"
|
|
},
|
|
"hover": {
|
|
"color": {
|
|
"text": "var(--wp--custom--color--background)",
|
|
"background": "var(--wp--custom--color--tertiary)"
|
|
},
|
|
"border": {
|
|
"color": "var(--wp--custom--color--tertiary)"
|
|
}
|
|
},
|
|
"spacing": {
|
|
"padding": {
|
|
"top": "4px",
|
|
"bottom": "4px",
|
|
"left": "14px",
|
|
"right": "14px"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--base)",
|
|
"fontSize": "var(--wp--preset--font-size--small)",
|
|
"fontWeight": 600,
|
|
"lineHeight": 2
|
|
}
|
|
},
|
|
"code": {
|
|
"typography": {
|
|
"fontFamily": "monospace"
|
|
}
|
|
},
|
|
"color": {
|
|
"primary": "var(--wp--preset--color--black)",
|
|
"secondary": "var(--wp--preset--color--almost-black)",
|
|
"tertiary": "var(--wp--preset--color--gray)",
|
|
"foreground": "var(--wp--preset--color--black)",
|
|
"background": "var(--wp--preset--color--white)",
|
|
"selection": "lightblue"
|
|
},
|
|
"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": 600,
|
|
"lineHeight": 1.125
|
|
}
|
|
},
|
|
"list": {
|
|
"fontFamily": "var(--wp--custom--font-family--base)",
|
|
"padding": {
|
|
"left": "calc( 2 * var(--wp--custom--margin--horizontal) )"
|
|
}
|
|
},
|
|
"margin": {
|
|
"baseline": "10px",
|
|
"horizontal": "32px",
|
|
"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": "20px",
|
|
"right": "20px"
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
},
|
|
"fontsToLoadFromGoogle": [
|
|
"family=Poppins:ital,wght@0,400;0,600;1,400"
|
|
],
|
|
"line-height": {
|
|
"body": 1.6,
|
|
"headings": 1.125
|
|
},
|
|
"width": {
|
|
"default": "750px",
|
|
"wide": "1022px"
|
|
}
|
|
},
|
|
"layout": {
|
|
"contentSize": "782px",
|
|
"wideSize": "1000px"
|
|
},
|
|
"spacing": {
|
|
"customPadding": true,
|
|
"units": [
|
|
"px",
|
|
"em",
|
|
"rem",
|
|
"vh",
|
|
"vw"
|
|
]
|
|
},
|
|
"typography": {
|
|
"customFontSize": true,
|
|
"customLineHeight": true,
|
|
"fontFamilies": [
|
|
{
|
|
"fontFamily": "\"Poppins\", sans-serif",
|
|
"slug": "base",
|
|
"name": "Poppins"
|
|
},
|
|
{
|
|
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
|
|
"slug": "system-font",
|
|
"name": "System Font"
|
|
},
|
|
{
|
|
"fontFamily": "Helvetica Neue, Helvetica, Arial, sans-serif",
|
|
"slug": "helvetica-arial"
|
|
},
|
|
{
|
|
"fontFamily": "Geneva, Tahoma, Verdana, sans-serif",
|
|
"slug": "geneva-verdana"
|
|
},
|
|
{
|
|
"fontFamily": "Cambria, Georgia, serif",
|
|
"slug": "cambria-georgia"
|
|
},
|
|
{
|
|
"fontFamily": "Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif",
|
|
"slug": "hoefler-times-new-roman"
|
|
}
|
|
],
|
|
"fontSizes": [
|
|
{
|
|
"name": "Small",
|
|
"size": "16.6px",
|
|
"slug": "small"
|
|
},
|
|
{
|
|
"name": "Normal",
|
|
"size": "20px",
|
|
"slug": "normal"
|
|
},
|
|
{
|
|
"name": "Large",
|
|
"size": "28.8px",
|
|
"slug": "large"
|
|
},
|
|
{
|
|
"name": "Huge",
|
|
"size": "34.56px",
|
|
"slug": "huge"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"styles": {
|
|
"blocks": {
|
|
"core/button": {
|
|
"border": {
|
|
"radius": "var(--wp--custom--button--border--radius)"
|
|
},
|
|
"color": {
|
|
"background": "var(--wp--custom--color--primary)",
|
|
"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--base)",
|
|
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
|
"lineHeight": "var(--wp--custom--line-height--headings)"
|
|
}
|
|
},
|
|
"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--line-height--headings)"
|
|
}
|
|
},
|
|
"core/post-date": {
|
|
"color": {
|
|
"link": "var(--wp--custom--color--foreground-light)",
|
|
"text": "var(--wp--custom--color--foreground-light)"
|
|
},
|
|
"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": "var(--wp--preset--font-size--large)",
|
|
"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": "41.47px"
|
|
}
|
|
},
|
|
"h2": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--huge)"
|
|
}
|
|
},
|
|
"h3": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--large)"
|
|
}
|
|
},
|
|
"h4": {
|
|
"typography": {
|
|
"fontSize": "24px"
|
|
}
|
|
},
|
|
"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--foreground)"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"lineHeight": "var(--wp--custom--line-height--body)",
|
|
"fontFamily": "var(--wp--preset--font-family--base)",
|
|
"fontSize": "var(--wp--preset--font-size--normal)"
|
|
}
|
|
}
|
|
} |