Skip to content

Commit

Permalink
Merge pull request #12 from navnorth/NN-456
Browse files Browse the repository at this point in the history 
NN-456 - NN Web 2024 Typography Update
  • Loading branch information
@mjsol12
mjsol12 authored Jan 29, 2025
2 parents 9ddb53c + 1d696de commit d482af9
Showing 1 changed file with 140 additions and 28 deletions.
168 changes: 140 additions & 28 deletions theme.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,31 +138,36 @@
}
],
"fontSizes": [
{
"name": "Display",
"size": "90px",
"slug": "ultra-large"
},
{
"name": "H1",
"size": "64px",
"size": "70px",
"slug": "xx-large"
},
{
"name": "H2",
"size": "45px",
"size": "60px",
"slug": "x-large"
},
{
"name": "H3",
"size": "35px",
"size": "45px",
"slug": "large"
},
{
"fluid": false,
"name": "H4",
"size": "23px",
"size": "32px",
"slug": "medium"
},
{
"fluid": false,
"name": "H5",
"size": "20px",
"size": "23px",
"slug": "h5"
},
{
Expand All @@ -171,16 +176,82 @@
"size": "18px",
"slug": "small"
},
{
"fluid": false,
"name": "Subtitle",
"size": "36px",
"slug": "subtitle"
},
{
"fluid": false,
"name": "Body",
"size": "19px",
"size": "23px",
"slug": "body"
},
{
"fluid": false,
"name": "Menu",
"name": "Body 1",
"size": "19px",
"slug": "body-1"
},
{
"fluid": false,
"name": "Body 2",
"size": "16px",
"slug": "body-2"
},
{
"fluid": false,
"name": "Body 3",
"size": "14px",
"slug": "body-3"
},
{
"fluid": false,
"name": "Link",
"size": "19px",
"slug": "link"
},
{
"fluid": false,
"name": "Label",
"size": "13px",
"slug": "link"
},
{
"fluid": false,
"name": "Button",
"size": "16px",
"slug": "button"
},
{
"fluid": false,
"name": "Chip",
"size": "14px",
"slug": "chip"
},
{
"fluid": false,
"name": "Caption",
"size": "14px",
"slug": "caption"
},
{
"fluid": false,
"name": "Tooltip",
"size": "10px",
"slug": "tooltip"
},
{
"fluid": false,
"name": "Input Label",
"size": "12px",
"slug": "input"
},
{
"fluid": false,
"name": "Menu Item",
"size": "18px",
"slug": "menu"
}
],
Expand Down Expand Up @@ -229,12 +300,12 @@
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--body)",
"fontSize": "16px",
"fontSize": "var(--wp--preset--font-size--button)",
"fontStyle": "normal",
"fontWeight": "700",
"textTransform": "uppercase",
"lineHeight": "130%",
"letterSpacing": "0.96px"
"letterSpacing": "0.06em"
}
},
"core/navigation": {
Expand All @@ -250,13 +321,41 @@
"fontSize":"var(--wp--preset--font-size--menu)",
"fontFamily":"var(--wp--preset--font-family--body)",
"fontStyle":"normal",
"fontWeight":"600",
"lineHeight":"1.3em"
"fontWeight":"400",
"lineHeight":"auto"
}
}
},
"typography": {
"fontWeight": "500"
"fontWeight": "400"
}
},
"navnorth/inner-chip": {
"typography": {
"fontSize": "var(--wp--preset--font-size--chip)",
"fontWeight": "700",
"lineHeight": "140%",
"letterSpacing": "0.12em"
}
},
"core/navigation-link": {
"elements": {
"link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--menu)",
"fontWeight": "400"
}
}
}
},
"core/navigation-submenu": {
"elements": {
"link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--menu)",
"fontWeight": "400"
}
}
}
}
},
Expand Down Expand Up @@ -292,9 +391,11 @@
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontSize": "var(--wp--preset--font-size--button)",
"fontStyle": "normal",
"fontWeight": "500"
"fontWeight": "700",
"lineHeight": "130%",
"letterSpacing": "0.06em"
}
},
"caption": {
Expand All @@ -303,46 +404,57 @@
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--body)",
"fontSize": "0.8rem"
"fontSize": "var(--wp--preset--font-size--caption)",
"fontWeight": "600",
"lineHeight": "18px"
}
},
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--xx-large)",
"lineHeight": "1.2em",
"letterSpacing": "0.04em"
"fontWeight": "700",
"lineHeight": "120%",
"letterSpacing": "0.05em"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)",
"lineHeight": "1.2em",
"letterSpacing": "0.04em"
},
"css": ".lg{font-size:var(--wp--preset--font-size--xx-large);line-height:1.2em;letter-spacing:0.04em;}"
"fontWeight": "700",
"lineHeight": "120%",
"letterSpacing": "0.02em"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"lineHeight": "1.2em",
"letterSpacing": "0.03em"
"fontWeight": "700",
"lineHeight": "120%",
"letterSpacing": "0.04em"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.3em",
"letterSpacing": "0.02em"
"fontWeight": "700",
"lineHeight": "120%",
"letterSpacing": "0.03em"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--h-5)"
"fontSize": "var(--wp--preset--font-size--h-5)",
"fontWeight": "700",
"lineHeight": "130%",
"letterSpacing": "0.02em"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
"fontSize": "var(--wp--preset--font-size--small)",
"fontWeight": "700",
"lineHeight": "130%",
"letterSpacing": "0.02em"
}
},
"heading": {
Expand Down Expand Up @@ -380,7 +492,7 @@
"fontWeight": "400",
"lineHeight": "1.4em"
},
"css": ":where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}.body1{font-size:var(--wp--preset--font-size--body-1);}.body2{font-size:var(--wp--preset--font-size--body-2);line-height:1.5em;}.body3{font-size:var(--wp--preset--font-size--body-3);line-height:1.5em;letter-spacing:0.005em;}.eyebrow{font-size:var(--wp--preset--font-size--eyebrow);line-height:1.4em;letter-spacing:0.12em;}"
"css": ":where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}.body1{font-size:var(--wp--preset--font-size--body-1);line-height:140%;letter-spacing:0.02em}.body2{font-size:var(--wp--preset--font-size--body-2);line-height:150%;letter-spacing:0.02em;}.body3{font-size:var(--wp--preset--font-size--body-3);line-height:150%;letter-spacing:0.02em;}.eyebrow{font-size:var(--wp--preset--font-size--eyebrow);line-height:1.4em;letter-spacing:0.12em;}"
},
"templateParts": [
{
Expand Down

0 comments on commit d482af9

Please sign in to comment.