1b61f3c876
* consolidate header styles designed for child themes into Blockbase which child themes can use as header/footer options. * Refactor header spacing mechanism to use a spacer in a template part * Refactor header layouts to allow for full-width background colors. * Tweak navigation styles leveraged by headers to align with design intentions * Various other header and navigation tweaks. * Affects all Blockbase children Co-authored-by: Maggie <maggie.cabrera@automattic.com> Co-authored-by: Ben Dwyer <ben@scruffian.com>
87 lines
1.7 KiB
JSON
87 lines
1.7 KiB
JSON
{
|
|
"$schema": "https://json.schemastore.org/theme-v1.json",
|
|
"version": 1,
|
|
"settings": {
|
|
"color": {
|
|
"palette": [
|
|
{
|
|
"slug": "primary",
|
|
"color": "#343e47",
|
|
"name": "Primary",
|
|
"default": "#007cba"
|
|
},
|
|
{
|
|
"slug": "secondary",
|
|
"color": "#33b26e",
|
|
"name": "Secondary",
|
|
"default": "#006ba1"
|
|
},
|
|
{
|
|
"slug": "foreground",
|
|
"color": "#6e797f",
|
|
"name": "Foreground",
|
|
"default": "#333333"
|
|
},
|
|
{
|
|
"slug": "background",
|
|
"color": "#ffffff",
|
|
"name": "Background",
|
|
"default": "#ffffff"
|
|
},
|
|
{
|
|
"slug": "tertiary",
|
|
"color": "#FAFAFA",
|
|
"name": "Tertiary",
|
|
"default": "#FAFAFA"
|
|
}
|
|
]
|
|
},
|
|
"custom": {
|
|
"heading": {
|
|
"typography": {
|
|
"fontWeight": 600
|
|
}
|
|
},
|
|
"gap": {
|
|
"vertical": "min(40px, 5vw)"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontFamilies": [
|
|
{
|
|
"fontFamily": "\"Roboto\", sans-serif",
|
|
"fontSlug": "roboto",
|
|
"slug": "body-font",
|
|
"name": "Body (Roboto)",
|
|
"google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900"
|
|
},
|
|
{
|
|
"fontFamily": "\"Roboto\", sans-serif",
|
|
"fontSlug": "roboto",
|
|
"slug": "heading-font",
|
|
"name": "Headings (Roboto)",
|
|
"google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"styles": {
|
|
"blocks": {
|
|
"core/site-tagline": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--small)"
|
|
}
|
|
},
|
|
"core/site-title": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--medium)"
|
|
}
|
|
},
|
|
"core/post-title": {
|
|
"typography": {
|
|
"fontSize": "48px"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|