Skip to content
This repository has been archived by the owner on Nov 18, 2024. It is now read-only.

Add font sizes #93

Merged
merged 11 commits into from
Aug 21, 2024
182 changes: 165 additions & 17 deletions theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,63 @@
],
"units": ["%", "px", "em", "rem", "vh", "vw"]
},
"typography": {
"defaultFontSizes": false,
"fluid": true,
"fontSizes": [
{
"fluid": false,
"name": "Extra Small",
"size": "0.875rem",
"slug": "x-small"
},
{
"fluid": {
"max": "1.125rem",
"min": "1rem"
},
"name": "Small",
"size": "1rem",
"slug": "small"
},
carolinan marked this conversation as resolved.
Show resolved Hide resolved
{
"fluid": {
"max": "1.375rem",
"min": "1.125rem"
},
"name": "Medium",
"size": "1.38rem",
"slug": "medium"
},
{
"fluid": {
"max": "2rem",
"min": "1.75rem"
},
"name": "Large",
"size": "1.75rem",
"slug": "large"
},
{
"fluid": {
"max": "3rem",
"min": "2.375rem"
},
"name": "Extra Large",
"size": "3rem",
carolinan marked this conversation as resolved.
Show resolved Hide resolved
"slug": "x-large"
},
{
"fluid": {
"max": "3.625rem",
"min": "2.625rem"
},
"name": "Extra Extra Large",
"size": "2.625rem",
"slug": "xx-large"
carolinan marked this conversation as resolved.
Show resolved Hide resolved
}
]
},
"useRootPaddingAwareAlignments": true
},
"styles": {
Expand All @@ -111,31 +168,122 @@
"right": "var(--wp--preset--spacing--50)"
}
},
"blocks":{
"core/site-title": {
"typography": {
"fontFamily": "var:preset|font-family|manrope",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "-0.22px",
"lineHeight": "1.4"
},
"blocks": {
"core/code": {
"typography": {
"fontSize": "var:preset|fontSize|medium",
"fontWeight": "700",
"letterSpacing": "-2"
},
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
"fontFamily": "monospace",
"fontSize": "var:preset|font-size|small"
}
},
"core/comment-author-name": {
"typography": {
"fontSize": "var:preset|font-size|small"
}
},
"core/comment-date": {
"typography": {
"fontSize": "var:preset|font-size|small"
}
},
"core/comment-edit-link": {
"typography": {
"fontSize": "var:preset|font-size|small"
}
},
"core/comment-reply-link": {
"typography": {
"fontSize": "var:preset|font-size|small"
}
},
"core/post-date": {
"typography": {
"fontSize": "var:preset|font-size|small"
}
},
"core/pullquote": {
"typography": {
"fontSize": "var:preset|font-size|x-large",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "-0.76px",
"lineHeight": "1.2"
}
},
"core/search": {
"typography": {
"fontSize": "var:preset|font-size|medium",
"lineHeight": "1.6"
}
},
"core/site-tagline": {
"typography": {
"fontSize": "var:preset|fontSize|small",
"letterSpacing": "-1"
"fontSize": "var:preset|font-size|small"
}
},
"core/site-title": {
"typography": {
"fontSize": "var:preset|font-size|medium",
"fontWeight": "700"
}
}
},
"elements": {
"button": {
"typography": {
"fontSize": "var:preset|font-size|small"
}
},
"caption": {
"typography": {
"fontSize": "var:preset|font-size|x-small",
"lineHeight": "1.4"
}
},
"h1": {
"typography": {
"fontSize": "70px"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we want to make this fluid?

}
},
"h2": {
"typography": {
"fontSize": "48px"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we want to make this fluid?

}
},
"h3": {
"typography": {
"fontSize": "var:preset|font-size|x-large"
}
},
"h4": {
"typography": {
"fontSize": "var:preset|font-size|large"
}
},
"h5": {
"typography": {
"fontSize": "24px"
}
},
"h6": {
"typography": {
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "700"
}
},
"core/navigation": {
"heading": {
"typography": {
"fontSize": "var:preset|fontSize|small",
"letterSpacing": "-1"
"fontStyle": "normal",
"fontWeight": "400",
"lineHeight": "1.125"
}
}
}
Expand Down
Loading