WordPress/wp-content/themes/twentytwentythree/styles/whisper.json
joedolson 83ba8ad091 Twenty Twenty-Three: Update XX-large font-sizes for accessibility.
Update XX-large font-sizes so that the responsive typography meets the minimum ratio between the min and max font-sizes of 0.61 required for accessible responsive typography.

Props mikachan, ryokuhi, poena, dhruvishah2203, joedolson.
Fixes #58603.
Built from https://develop.svn.wordpress.org/trunk@57690


git-svn-id: http://core.svn.wordpress.org/trunk@57191 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-02-21 20:08:06 +00:00

551 lines
11 KiB
JSON

{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"title": "Whisper",
"settings": {
"color": {
"palette": [
{
"color": "#E5E7F2",
"name": "Base",
"slug": "base"
},
{
"color": "#47484B",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#B50B3E",
"name": "Primary",
"slug": "primary"
},
{
"color": "#0B0033",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#F9F9FB",
"name": "Tertiary",
"slug": "tertiary"
}
]
},
"layout": {
"contentSize": "710px",
"wideSize": "1200px"
},
"typography": {
"fontSizes": [
{
"fluid": {
"min": "0.875rem",
"max": "1rem"
},
"size": "1rem",
"slug": "small"
},
{
"fluid": {
"min": "1rem",
"max": "1.187rem"
},
"size": "1.187rem",
"slug": "medium"
},
{
"fluid": {
"min": "1.187rem",
"max": "1.3125rem"
},
"size": "1.3125rem",
"slug": "large"
},
{
"fluid": {
"min": "1.562rem",
"max": "2rem"
},
"size": "2rem",
"slug": "x-large"
},
{
"fluid": {
"min": "3.5rem",
"max": "5.7rem"
},
"size": "5.7rem",
"slug": "xx-large"
}
]
}
},
"styles": {
"blocks": {
"core/navigation": {
"color": {
"text": "var(--wp--preset--color--contrast)"
},
"elements": {
"link": {
"border": {
"bottom": {
"color": "transparent",
"style": "solid",
"width": "0.2ch"
}
},
"color": {
"text": "var(--wp--preset--color--contrast)"
},
":hover": {
"border": {
"color": "var(--wp--preset--color--primary)"
},
"color": {
"background": "transparent",
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"textDecoration": "none"
}
},
":focus": {
"typography": {
"textDecoration": "none"
}
},
":active": {
"typography": {
"textDecoration": "none"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/navigation-submenu": {
"color": {
"text": "var(--wp--preset--color--primary)"
}
},
"core/post-content": {
"elements": {
"link": {
":hover": {
"border": {
"color": "var(--wp--preset--color--contrast)"
},
"color": {
"background": "var(--wp--preset--color--tertiary)"
},
"typography": {
"textDecoration": "none"
}
}
}
}
},
"core/post-date": {
"elements": {
"link": {
":hover": {
"border": {
"color": "var(--wp--preset--color--contrast)"
},
"color": {
"background": "var(--wp--preset--color--tertiary)"
},
"typography": {
"textDecoration": "none"
}
}
}
}
},
"core/post-title": {
"elements": {
"link": {
"border": {
"width": "0 !important"
},
":hover": {
"color": {
"text": "var(--wp--preset--color--primary)"
}
},
":focus": {
"color": {
"text": "var(--wp--preset--color--primary)"
}
},
":active": {
"color": {
"text": "var(--wp--preset--color--primary)"
}
}
}
}
},
"core/pullquote": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"style": "double",
"width": "6px"
},
"color": {
"text": "var(--wp--preset--color--secondary)"
}
},
"core/quote": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"style": "double",
"width": "0 0 0 6px"
},
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"spacing": {
"margin": {
"left": "var(--wp--preset--spacing--30)"
},
"padding": {
"left": "var(--wp--preset--spacing--30)"
}
}
},
"core/query-pagination": {
"elements": {
"link": {
":hover": {
"border": {
"color": "var(--wp--preset--color--contrast)"
},
"color": {
"background": "var(--wp--preset--color--tertiary)"
},
"typography": {
"textDecoration": "none"
}
},
":active": {
"border": {
"color": "var(--wp--preset--color--base)",
"width": "0 0 2px 0"
}
}
}
}
},
"core/separator": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"style": "double",
"width": "6px 0 0 0"
}
},
"core/site-title": {
"elements": {
"link": {
"border": {
"color": "transparent"
},
"color": {
"text": "var(--wp--preset--color--primary)"
},
":hover": {
"border": {
"color": "var(--wp--preset--color--primary)"
},
"color": {
"background": "transparent"
},
"typography": {
"textDecoration": "none"
}
},
":focus": {
"typography": {
"textDecoration": "none"
}
},
":active": {
"border": {
"color": "var(--wp--preset--color--primary)"
},
"color": {
"background": "transparent"
},
"typography": {
"textDecoration": "none"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--dm-sans)",
"fontSize": "var(--wp--preset--font-size--large)",
"fontWeight": "700",
"letterSpacing": "-0.01em",
"lineHeight": "1.4",
"textTransform": "capitalize"
}
},
"core/comment-author-name":{
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "none"
}
},
":focus": {
"typography": {
"textDecoration": "none"
}
}
}
}
},
"core/comment-date": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "none"
}
},
":focus": {
"typography": {
"textDecoration": "none"
}
}
}
}
},
"core/comment-edit-link": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "none"
}
},
":focus": {
"typography": {
"textDecoration": "none"
}
}
}
}
}
},
"elements": {
"button": {
"border": {
"color": "var(--wp--preset--color--primary)",
"radius": "10px",
"style": "solid",
"width": "2px 2px 6px 2px !important"
},
"color": {
"background": "transparent",
"text": "var(--wp--preset--color--primary)"
},
"spacing": {
"padding": {
"top": "min(1rem, 3vw) !important",
"right": "min(2.75rem, 6vw) !important",
"bottom": "min(1rem, 3vw) !important",
"left": "min(2.75rem, 6vw) !important"
}
},
"typography": {
"fontWeight": "700",
"letterSpacing": "1px",
"textTransform": "uppercase"
},
":hover": {
"border": {
"color": "var(--wp--preset--color--secondary)",
"width": "2px 2px 4px 2px !important"
},
"color": {
"background": "var(--wp--preset--color--tertiary)",
"text": "var(--wp--preset--color--secondary)"
},
"spacing": {
"padding": {
"bottom": "min(calc(1rem + 2px), 3vw) !important"
}
}
},
":focus": {
"border": {
"color": "var(--wp--preset--color--secondary)",
"style": "dashed dashed double",
"width": "2px 2px 4px 2px !important"
},
"color": {
"background": "var(--wp--preset--color--tertiary)",
"text": "var(--wp--preset--color--secondary)"
},
"spacing": {
"padding": {
"bottom": "min(calc(1rem + 2px), 3vw) !important"
}
}
},
":active": {
"border": {
"color": "var(--wp--preset--color--secondary)",
"width": "2px 2px 4px 2px !important"
},
"color": {
"background": "var(--wp--preset--color--tertiary)",
"text": "var(--wp--preset--color--secondary)"
},
"spacing": {
"padding": {
"bottom": "min(calc(1rem + 2px), 3vw) !important"
}
}
},
":visited": {
"color": {
"text": "var(--wp--preset--color--primary)"
}
}
},
"cite": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--source-serif-pro)"
}
},
"h1": {
"typography": {
"fontSize": "clamp(4.21rem, 1.43vw + 3.85rem, 5rem)",
"fontWeight": "300",
"letterSpacing": "-0.01em"
}
},
"h2": {
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"fontSize": "clamp(3.16rem, 1.08vw + 2.89rem, 3.75rem)",
"fontWeight": "400",
"letterSpacing": "-0.01em"
}
},
"h3": {
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"fontSize": "clamp(2.37rem, 0.81vw + 2.17rem, 2.81rem)",
"fontWeight": "500"
}
},
"h4": {
"typography": {
"fontSize": "clamp(1.78rem, 0.61vw + 1.63rem, 2.11rem)",
"fontWeight": "600"
}
},
"h5": {
"typography": {
"fontSize": "clamp(1.33rem, 0.45vw + 1.22rem, 1.58rem)",
"fontWeight": "700",
"letterSpacing": "1px"
}
},
"h6": {
"typography": {
"fontSize": "clamp(1rem, 0.34vw + 0.91rem, 1.19rem)",
"fontWeight": "900",
"letterSpacing": "2px"
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--source-serif-pro)"
}
},
"link": {
"border": {
"color": "var(--wp--preset--color--primary)",
"style": "solid",
"width": "0 0 2px 0"
},
"color": {
"text": "var(--wp--preset--color--secondary)"
},
":hover": {
"border": {
"color": "var(--wp--preset--color--contrast)"
},
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"textDecoration": "none"
}
},
":focus": {
"border": {
"style": "dashed"
},
"typography": {
"textDecoration": "none"
}
},
":active": {
"border": {
"width": "0"
},
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"textDecoration": "none"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"border": {
"color": "var(--wp--preset--color--tertiary)",
"style": "solid",
"width": "max(1vw, 0.5rem)"
},
"spacing": {
"padding": {
"top": "var(--wp--preset--spacing--40)",
"right": "var(--wp--preset--spacing--30)",
"bottom": "var(--wp--preset--spacing--40)",
"left": "var(--wp--preset--spacing--30)"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--dm-sans)"
}
}
}