
* 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
167 lines
3.2 KiB
JSON
167 lines
3.2 KiB
JSON
{
|
|
"$schema": "https://json.schemastore.org/theme-v1.json",
|
|
"version": 1,
|
|
"settings": {
|
|
"color": {
|
|
"palette": [
|
|
{
|
|
"slug": "primary",
|
|
"color": "#111111",
|
|
"name": "Primary"
|
|
},
|
|
{
|
|
"slug": "secondary",
|
|
"color": "#557769",
|
|
"name": "Secondary"
|
|
},
|
|
{
|
|
"slug": "foreground",
|
|
"color": "#686868",
|
|
"name": "Foreground"
|
|
},
|
|
{
|
|
"slug": "background",
|
|
"color": "#ffffff",
|
|
"name": "Background"
|
|
},
|
|
{
|
|
"slug": "tertiary",
|
|
"color": "#d5e1dc",
|
|
"name": "Tertiary"
|
|
}
|
|
]
|
|
},
|
|
"custom": {
|
|
"separator": {
|
|
"margin": "var(--wp--custom--gap--vertical) auto"
|
|
}
|
|
},
|
|
"layout": {
|
|
"contentSize": "684px",
|
|
"wideSize": "1194px"
|
|
},
|
|
"typography": {
|
|
"customFontSize": true,
|
|
"customLineHeight": true,
|
|
"fontFamilies": [
|
|
{
|
|
"fontFamily": "\"Source Serif Pro\", serif",
|
|
"fontSlug": "source-serif-pro",
|
|
"slug": "body-font",
|
|
"name": "Source Serif Pro",
|
|
"google": "family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700"
|
|
},
|
|
{
|
|
"fontFamily": "\"Overpass\", sans-serif",
|
|
"fontSlug": "overpass",
|
|
"slug": "heading-font",
|
|
"name": "Overpass",
|
|
"google": "family=Overpass:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700"
|
|
}
|
|
],
|
|
"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": {
|
|
"color": {
|
|
"background": "var(--wp--custom--button--color--background)",
|
|
"text": "var(--wp--custom--button--color--text)"
|
|
},
|
|
"typography": {
|
|
"fontSize": "var(--wp--custom--button--typography--font-size)",
|
|
"fontWeight": "var(--wp--custom--button--typography--font-weight)",
|
|
"textTransform": "uppercase"
|
|
}
|
|
},
|
|
"core/post-title": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--huge)",
|
|
"lineHeight": 1.2
|
|
},
|
|
"color": {
|
|
"text": "var(--wp--custom--color--primary)"
|
|
},
|
|
"spacing": {
|
|
"margin": {
|
|
"bottom": "1em"
|
|
}
|
|
}
|
|
},
|
|
"core/pullquote": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--huge)"
|
|
}
|
|
},
|
|
"core/site-title": {
|
|
"spacing": {
|
|
"margin": {
|
|
"bottom": "0"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"elements": {
|
|
"h1": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--huge)"
|
|
}
|
|
},
|
|
"h2": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--large)"
|
|
}
|
|
},
|
|
"h3": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--medium)"
|
|
}
|
|
},
|
|
"h4": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--normal)"
|
|
}
|
|
},
|
|
"h5": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--small)"
|
|
}
|
|
},
|
|
"h6": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--small)"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontWeight": "400"
|
|
}
|
|
}
|
|
}
|