beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
themes-wordpress/quadrat/theme.json
Jason Crist 1b61f3c876
Try/consolidate headers (#5145) 
* 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>
2021-12-09 10:22:50 -05:00

434 lines
8.4 KiB
JSON
Raw Blame History

{
"$schema": "https://json.schemastore.org/theme-v1.json",
"version": 1,
"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": "page-without-title",
"title": "Page without title",
"postTypes": [
"page",
"post"
]
}
],
"settings": {
"color": {
"palette": [
{
"slug": "primary",
"color": "#FFD1D1",
"name": "Primary"
},
{
"slug": "tertiary",
"color": "#151853",
"name": "Tertiary"
},
{
"slug": "background",
"color": "#292C6D",
"name": "Background"
}
]
},
"custom": {
"button": {
"border": {
"color": "var(--wp--custom--color--foreground)",
"radius": "0",
"width": "3px"
},
"color": {
"background": "var(--wp--custom--color--foreground)",
"text": "var(--wp--custom--color--background)"
},
"hover": {
"color": {
"text": "var(--wp--custom--color--foreground)",
"background": "var(--wp--custom--color--background)"
},
"border": {
"color": "var(--wp--custom--color--foreground)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "700"
}
},
"color": {
"foreground": "var(--wp--preset--color--primary)",
"background": "var(--wp--preset--color--background)",
"primary": "var(--wp--preset--color--primary)",
"secondary": "var(--wp--preset--color--primary)",
"tertiary": "var(--wp--preset--color--tertiary)"
},
"colorPalettes": [
{
"label": "Blue",
"slug": "blue",
"colors": {
"primary": "#FDF5E2",
"tertiary": "#123B62",
"background": "#204A72"
}
},
{
"label": "Dark Blue",
"slug": "dark-blue",
"colors": {
"primary": "#F9DAAD",
"tertiary": "#071F2C",
"background": "#0E2B3B"
}
},
{
"label": "Green",
"slug": "green",
"colors": {
"primary": "#F5D5CA",
"tertiary": "#0A2C25",
"background": "#103931"
}
},
{
"label": "Red",
"slug": "red",
"colors": {
"primary": "#CEEDFF",
"tertiary": "#721A18",
"background": "#822726"
}
},
{
"label": "Light Green",
"slug": "light-green",
"colors": {
"primary": "#0C1946",
"tertiary": "#DBE9DD",
"background": "#EBF3EC"
}
},
{
"label": "White",
"slug": "white",
"colors": {
"primary": "#2B2B2B",
"tertiary": "#F8F8F8",
"background": "#FFFFFF"
}
},
{
"label": "Light Pink",
"slug": "light-pink",
"colors": {
"primary": "#151853",
"tertiary": "#FCD0D0",
"background": "#FFE2E2"
}
},
{
"label": "Light Yellow",
"slug": "light-yellow",
"colors": {
"primary": "#0E2B3B",
"tertiary": "#FBEAD2",
"background": "#FFF4E3"
}
},
{
"label": "Light Blue",
"slug": "light-blue",
"colors": {
"primary": "#460707",
"tertiary": "#DEE9F1",
"background": "#EDF4F9"
}
}
],
"form": {
"border": {
"color": "var(--wp--custom--color--foreground)",
"style": "solid",
"width": "2px"
},
"padding": "20px"
},
"fontSizes": {
"tiny": "16px"
},
"body": {
"typography": {
"lineHeight": 1.7
}
},
"heading": {
"typography": {
"fontWeight": "500"
}
},
"layout": {
"contentSize":"664px"
},
"line-height": {
"body": 1.7
},
"gap": {
"baseline": "10px",
"horizontal": "min(34px, 5vw)",
"vertical": "min(34px, 5vw)"
},
"paragraph": {
"dropcap": {
"margin": "0 .2em .2em 0",
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"fontWeight": "400"
}
}
},
"pullquote": {
"citation": {
"typography": {
"fontStyle": "normal",
"fontWeight": 400
}
}
},
"quote": {
"citation": {
"typography": {
"fontStyle": "normal",
"fontWeight": "400"
}
}
}
},
"layout": {
"contentSize": "664px",
"wideSize": "1128px"
},
"typography": {
"customFontSize": true,
"customLineHeight": true,
"fontFamilies": [
{
"fontFamily": "\"DM Sans\", sans-serif",
"fontSlug": "dm-sans",
"slug": "body-font",
"name": "Body (DM Sans)",
"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
},
{
"fontFamily": "\"DM Sans\", sans-serif",
"fontSlug": "dm-sans",
"slug": "heading-font",
"name": "Headings (DM Sans)",
"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
}
],
"fontSizes": [
{
"name": "Small",
"size": "18px",
"slug": "small"
},
{
"name": "Normal",
"size": "20px",
"slug": "normal"
},
{
"name": "Medium",
"size": "22px",
"slug": "medium"
},
{
"name": "Large",
"size": "min(max(28px, 5vw), 38px)",
"slug": "large"
},
{
"name": "Huge",
"size": "min(max(36px, 5vw), 48px)",
"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)"
}
},
"core/code": {
"border": {
"width": "0px"
},
"color": {
"background": "var(--wp--custom--color--tertiary)"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "400",
"lineHeight": "1.6"
}
},
"core/navigation": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)"
}
},
"core/navigation-link": {
"color": {
"background": "transparent",
"text": "var(--wp--custom--color--foreground)"
}
},
"core/post-title": {
"typography": {
"fontSize": "min(max(48px, 7vw), 80px)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "1.2"
}
},
"core/quote": {
"border": {
"width": "0px"
},
"spacing": {
"padding": {
"left": "calc( var(--wp--custom--gap--horizontal) * 3 )"
}
},
"typography": {
"fontSize": "25px",
"fontWeight": "normal",
"lineHeight": "40px"
}
},
"core/pullquote": {
"typography": {
"fontStyle": "normal",
"fontSize": "var(--wp--preset--font-size--huge)",
"fontWeight": "400",
"lineHeight": "1.4"
},
"spacing": {
"padding": {
"left": "0px",
"right": "0px"
}
},
"border": {
"width": "1px 0 0 0"
}
},
"core/post-template": {
"elements": {
"h2": {
"typography": {
"fontSize": "min(max(28px, 5vw), 38px)"
}
}
}
},
"core/query-pagination": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "500"
}
},
"core/site-title": {
"color": {
"link": "var(--wp--custom--color--primary)"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "700",
"textTransform": "uppercase"
}
}
},
"elements": {
"h1": {
"typography": {
"fontSize": "min(max(48px, 7vw), 80px)",
"lineHeight": "1.2"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"lineHeight": "1.2"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"lineHeight": "1.2"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.4"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"lineHeight": "1.4"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "1.4"
}
},
"link": {
"color": {
"text": "var(--wp--custom--color--foreground)"
}
}
},
"typography": {
"fontWeight": "400"
}
}
}
Reference in a new issue View git blame Copy permalink