Skip to content

Instantly share code, notes, and snippets.

@scruffian
Last active July 2, 2024 09:25
Show Gist options
  • Save scruffian/3dab906ee04d3c1c689bb08d23198f84 to your computer and use it in GitHub Desktop.
Save scruffian/3dab906ee04d3c1c689bb08d23198f84 to your computer and use it in GitHub Desktop.
style variation with only typography and spacing rules
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"title": "Maelstrom 2",
"settings": {
"typography": {
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "Cardo",
"fontStyle": "normal",
"fontWeight": "400",
"src": ["file:./assets/fonts/cardo/cardo_normal_400.woff2"]
},
{
"fontFamily": "Cardo",
"fontStyle": "italic",
"fontWeight": "400",
"src": ["file:./assets/fonts/cardo/cardo_italic_400.woff2"]
},
{
"fontFamily": "Cardo",
"fontStyle": "normal",
"fontWeight": "700",
"src": ["file:./assets/fonts/cardo/cardo_normal_700.woff2"]
}
],
"fontFamily": "Cardo",
"name": "Cardo",
"slug": "body"
},
{
"fontFace": [
{
"fontFamily": "Jost",
"fontStyle": "normal",
"fontWeight": "100 900",
"src": ["file:./assets/fonts/jost/Jost-VariableFont_wght.woff2"]
},
{
"fontFamily": "Jost",
"fontStyle": "italic",
"fontWeight": "100 900",
"src": [
"file:./assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2"
]
}
],
"fontFamily": "\"Jost\", sans-serif",
"name": "Jost",
"slug": "heading"
},
{
"fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
"name": "System Sans-serif",
"slug": "system-sans-serif"
},
{
"fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
"name": "System Serif",
"slug": "system-serif"
}
],
"fontSizes": [
{
"fluid": false,
"name": "Small",
"size": "1rem",
"slug": "small"
},
{
"fluid": false,
"name": "Medium",
"size": "1.2rem",
"slug": "medium"
},
{
"fluid": {
"min": "1.5rem",
"max": "2rem"
},
"name": "Large",
"size": "2rem",
"slug": "large"
},
{
"fluid": {
"min": "2rem",
"max": "2.65rem"
},
"name": "Extra Large",
"size": "2.65rem",
"slug": "x-large"
},
{
"fluid": {
"min": "2.65rem",
"max": "3.5rem"
},
"name": "Extra Extra Large",
"size": "3.5rem",
"slug": "xx-large"
}
]
}
},
"styles": {
"blocks": {
"core/button": {
"variations": {
"outline": {
"spacing": {
"padding": {
"bottom": "calc(0.8rem - 2px)",
"left": "calc(1.6rem - 2px)",
"right": "calc(1.6rem - 2px)",
"top": "calc(0.8rem - 2px)"
}
}
}
}
},
"core/site-title": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--heading)",
"fontWeight": "normal"
}
},
"core/navigation": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontWeight": "normal"
}
}
},
"elements": {
"button": {
"spacing": {
"padding": {
"bottom": "0.98rem",
"left": "1.6rem",
"right": "1.6rem",
"top": "0.8rem"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--heading)",
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "normal"
}
},
"heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--heading)",
"letterSpacing": "0"
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment