Refactor/theme heading styles json (#3770)

* corrected link color configuration; moved heading styles from blocks to elements.

* Rebuilt seedlet configuration with header changes

* Refactored mayland blocks header styles into elements block

* Correct page-title block style

* fixed and rebuild mayland theme build script
This commit is contained in:
Jason Crist 2021-05-06 11:44:04 -04:00 committed by GitHub
parent b1909b1cfc
commit 0d7c6e77bb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 152 additions and 194 deletions

View file

@ -336,55 +336,7 @@
"color": "var(--wp--custom--button--border--color)"
}
},
"core/heading/h1": {
"typography": {
"fontSize": "48px",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h2": {
"typography": {
"fontSize": "32px",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/post-title/h1": {
"core/post-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
@ -469,12 +421,49 @@
"style": "solid",
"width": "0 0 1px 0"
}
},
"core/heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
}
},
"elements": {
"link": {
"color": {
"link": "var(--wp--custom--color--secondary)"
"text": "var(--wp--custom--color--secondary)"
}
},
"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)"
}
}
}

View file

@ -1,5 +1,4 @@
{
"version:": 1,
"templateParts": [
{
"name": "header",
@ -157,49 +156,13 @@
"fontFamily": "var(--wp--preset--font-family--base)"
},
"blocks": {
"core/heading/h1": {
"core/heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "41.47px",
"lineHeight": "var(--wp--custom--line-height--headings)"
}
},
"core/heading/h2": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--huge)",
"lineHeight": "var(--wp--custom--line-height--headings)"
}
},
"core/heading/h3": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--large)",
"lineHeight": "var(--wp--custom--line-height--headings)"
}
},
"core/heading/h4": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "24px",
"lineHeight": "var(--wp--custom--line-height--headings)"
}
},
"core/heading/h5": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--normal)",
"lineHeight": "var(--wp--custom--line-height--headings)"
}
},
"core/heading/h6": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "var(--wp--custom--line-height--headings)"
}
},
"core/post-title/h1": {
"core/post-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"lineHeight": "var(--wp--custom--line-height--headings)"
@ -233,7 +196,37 @@
"elements": {
"link": {
"color": {
"link": "var(--wp--custom--color--foreground)"
"text": "var(--wp--custom--color--foreground)"
}
},
"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)"
}
}
}

View file

@ -362,55 +362,7 @@
"color": "var(--wp--custom--button--border--color)"
}
},
"core/heading/h1": {
"typography": {
"fontSize": "41.47px",
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h4": {
"typography": {
"fontSize": "24px",
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/post-title/h1": {
"core/post-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"lineHeight": "var(--wp--custom--line-height--headings)"
@ -495,15 +447,51 @@
"style": "solid",
"width": "0 0 1px 0"
}
},
"core/heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"lineHeight": "var(--wp--custom--line-height--headings)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
}
},
"elements": {
"link": {
"color": {
"link": "var(--wp--custom--color--foreground)"
"text": "var(--wp--custom--color--foreground)"
}
},
"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)"
}
}
}
},
"version:": 1
}
}

View file

@ -13,7 +13,7 @@
"scripts": {
"start": "chokidar \"**/*.scss\" child-experimental-theme.json ../blank-canvas-blocks/experimental-theme.json -c \"npm run build\" --initial",
"build": "npm run build:theme && npm run build:scss",
"build:theme": "node ../blank-canvas-blocks/build.js seedlet-blocks",
"build:theme": "node ../blank-canvas-blocks/build.js mayland-blocks",
"build:scss": "node-sass --importer node_modules/node-sass-package-importer/dist/cli.js sass/theme.scss assets/theme.css --output-style expanded --indent-type tab --indent-width 1 --source-map true"
},
"author": "",

View file

@ -1,5 +1,4 @@
{
"version": 1,
"templateParts": [
{
"name": "header",

View file

@ -392,55 +392,7 @@
"color": "var(--wp--custom--button--border--color)"
}
},
"core/heading/h1": {
"typography": {
"fontSize": "48px",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h2": {
"typography": {
"fontSize": "32px",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/heading/h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/post-title/h1": {
"core/post-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
@ -530,12 +482,49 @@
"style": "solid",
"width": "0 0 1px 0"
}
},
"core/heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--headings)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
}
},
"elements": {
"link": {
"color": {
"link": "var(--wp--custom--color--secondary)"
"text": "var(--wp--custom--color--secondary)"
}
},
"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)"
}
}
}