Typography and sizing updates (#8)

This commit is contained in:
Peter Zimon authored and GitHub committed 2023-08-16 20:33:51 +08:00
1 parent 4c072a4222
commit ec34530601
4 files changed
+111 -58

No files matched your search

Regular → Executable
View File
File mode changed.
+1 -1
View File
@@ -1,2 +1,2 @@
:root{--color-white:#fff;--color-lighter-gray:rgba(0,0,0,.05);--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--color-primary-text:var(--color-darker-gray);--color-secondary-text:rgba(0,0,0,.4);--color-border:rgba(0,0,0,.08);--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:"EB Garamond",Georgia,Times,serif;--font-serif-alt:Georgia,Times,serif;--font-slab:"Roboto Slab",Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--container-width:1320px;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:48px}:is(.gh-navigation,.gh-footer).has-accent-color,:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.1);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.15)}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/assets/fonts/inter-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:normal;font-weight:400 800;src:url(/assets/fonts/eb-garamond-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:italic;font-weight:400 800;src:url(/assets/fonts/eb-garamond-italic.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:100 900;src:url(/assets/fonts/roboto-slab-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}iframe{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}body{background-color:var(--background-color);color:var(--color-primary-text);font-family:var(--font-sans);font-size:1.6rem}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}.gh-button{align-items:center;background-color:var(--ghost-accent-color);border:0;border-radius:100px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:-.004em;line-height:1;padding:.8em 1.4em}.gh-button:hover{opacity:.95}.gh-icon-button{align-items:center;background-color:transparent;border:0;color:var(--color-darker-gray);cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-icon-button:hover :is(svg,span){opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-form{align-items:center;background-color:var(--color-lighter-gray);border-radius:40px;display:flex;font-size:1.8rem;font-weight:450;height:64px;letter-spacing:-.008em;max-width:640px;overflow:hidden;position:relative;transition:background-color .2s ease;width:100%}.gh-form:hover{background-color:rgba(0,0,0,.05)}.gh-footer.has-accent-color .gh-form:hover{background-color:rgba(0,0,0,.15)}.gh-form-input{background-color:transparent;border:0;font-size:inherit;height:100%;inset:0;letter-spacing:inherit;padding-inline:28px;position:absolute;width:100%}.gh-footer.has-accent-color .gh-form-input::-moz-placeholder{color:hsla(0,0%,100%,.55)}.gh-footer.has-accent-color .gh-form-input::placeholder{color:hsla(0,0%,100%,.55)}button.gh-form-input{-webkit-padding-start:56px;color:var(--color-secondary-text);cursor:pointer;padding-inline-start:56px;text-align:left}.gh-form .gh-button{font-size:inherit;font-weight:600;height:52px;padding-inline:32px;position:absolute;right:6px}.gh-form svg{color:var(--color-secondary-text);height:24px;left:22px;position:relative;width:24px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-outer{padding:0 max(4vmin,20px)}.gh-outer .gh-outer{padding:0}.gh-inner{margin:0 auto;max-width:var(--container-width);width:100%}.gh-main{flex-grow:1}.gh-canvas,.kg-width-full.kg-content-wide{--main:min(var(--content-width,720px),100% - var(--container-gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 720px))/2));--full:minmax(var(--container-gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [widLine truncated
:root{--color-white:#fff;--color-lighter-gray:rgba(0,0,0,.05);--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--color-primary-text:var(--color-darker-gray);--color-secondary-text:rgba(0,0,0,.5);--color-border:rgba(0,0,0,.08);--color-dark-border:rgba(0,0,0,.5);--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:"EB Garamond",Georgia,Times,serif;--font-serif-alt:Georgia,Times,serif;--font-slab:"Roboto Slab",Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--container-width:1320px;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:42px}:is(.gh-navigation,.gh-footer).has-accent-color,:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.1);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.15);--color-dark-border:hsla(0,0%,100%,.5)}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/assets/fonts/inter-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:normal;font-weight:400 800;src:url(/assets/fonts/eb-garamond-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:italic;font-weight:400 800;src:url(/assets/fonts/eb-garamond-italic.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:100 900;src:url(/assets/fonts/roboto-slab-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}iframe{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}body{background-color:var(--background-color);color:var(--color-primary-text);font-family:var(--font-sans);font-size:1.6rem}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}.gh-button{align-items:center;background-color:var(--ghost-accent-color);border:0;border-radius:100px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:-.004em;line-height:1;padding:.8em 1.4em}.gh-button:hover{opacity:.95}.gh-icon-button{align-items:center;background-color:transparent;border:0;color:var(--color-darker-gray);cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-icon-button:hover :is(svg,span){opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-form{align-items:center;background-color:var(--color-lighter-gray);border-radius:40px;display:flex;font-size:1.7rem;font-weight:450;height:56px;letter-spacing:-.008em;max-width:640px;overflow:hidden;position:relative;transition:background-color .2s ease;width:100%}.gh-form:hover{background-color:rgba(0,0,0,.05)}.gh-footer.has-accent-color .gh-form:hover{background-color:rgba(0,0,0,.15)}.gh-form-input{background-color:transparent;border:0;font-size:inherit;height:100%;inset:0;letter-spacing:inherit;padding-inline:28px;position:absolute;width:100%}.gh-footer.has-accent-color .gh-form-input::-moz-placeholder{color:hsla(0,0%,100%,.55)}.gh-footer.has-accent-color .gh-form-input::placeholder{color:hsla(0,0%,100%,.55)}button.gh-form-input{-webkit-padding-start:56px;color:var(--color-secondary-text);cursor:pointer;padding-inline-start:56px;text-align:left}.gh-form .gh-button{font-size:inherit;font-weight:600;height:44px;padding-inline:32px;position:absolute;right:6px}.gh-form svg{color:var(--color-secondary-text);height:24px;left:22px;position:relative;width:24px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-outer{padding:0 max(4vmin,20px)}.gh-outer .gh-outer{padding:0}.gh-inner{margin:0 auto;max-width:var(--container-width);width:100%}.gh-main{flex-grow:1}.gh-canvas,.kg-width-full.kg-content-wide{--main:min(var(--content-width,720px),100% - var(--container-gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 720px))/2));--full:minmax(var(--container-Line truncated
/*# sourceMappingURL=screen.css.map */
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sources":["screen.css"],"names":[],"mappings":"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 truncated
{"version":3,"sources":["screen.css"],"names":[],"mappings":"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 truncated
+109 -56
View File
@@ -59,8 +59,9 @@ production stylesheet in assets/built/screen.css
--color-darker-gray: #15171a;
--color-black: #000;
--color-primary-text: var(--color-darker-gray);
--color-secondary-text: rgb(0 0 0 / 0.4);
--color-secondary-text: rgb(0 0 0 / 0.5);
--color-border: rgb(0 0 0 / 0.08);
--color-dark-border: rgb(0 0 0 / 0.5);
--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--font-serif: "EB Garamond", Georgia, Times, serif;
--font-serif-alt: Georgia, Times, serif;
@@ -68,7 +69,7 @@ production stylesheet in assets/built/screen.css
--font-mono: Menlo, Courier, monospace;
--container-width: 1320px;
--container-gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);
--grid-gap: 48px;
--grid-gap: 42px;
}
:root.has-light-text,
@@ -77,6 +78,7 @@ production stylesheet in assets/built/screen.css
--color-darker-gray: #fff;
--color-secondary-text: rgb(255 255 255 / 0.64);
--color-border: rgb(255 255 255 / 0.15);
--color-dark-border: rgb(255 255 255 / 0.5);
}
/* 2. Fonts
@@ -186,7 +188,7 @@ a:hover {
align-items: center;
justify-content: center;
padding: 0.8em 1.4em;
font-size: 1.6rem;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.004em;
line-height: 1;
@@ -231,8 +233,8 @@ a:hover {
overflow: hidden;
max-width: 640px;
width: 100%;
height: 64px;
font-size: 1.8rem;
height: 56px;
font-size: 1.7rem;
font-weight: 450;
letter-spacing: -0.008em;
border-radius: 40px;
@@ -275,7 +277,7 @@ button.gh-form-input {
position: absolute;
right: 6px;
padding-inline: 32px;
height: 52px;
height: 44px;
font-size: inherit;
font-weight: 600;
}
@@ -349,7 +351,7 @@ button.gh-form-input {
.gh-navigation {
height: 100px;
font-size: 1.6rem;
font-size: 1.5rem;
font-weight: 550;
background-color: var(--background-color);
color: var(--color-darker-gray);
@@ -588,7 +590,7 @@ Search LOGO Login Subscribe
gap: 10px;
width: auto;
}
.gh-navigation.is-stacked .gh-navigation-actions .gh-search span {
display: inline;
}
@@ -719,7 +721,7 @@ Search LOGO Login Subscribe
}
#gh-navigation .nav a {
font-size: 2.6rem;
font-size: 1.75rem;
font-weight: 600;
text-transform: none;
}
@@ -740,12 +742,12 @@ Search LOGO Login Subscribe
#gh-navigation .gh-button {
width: 100%;
font-size: 1.8rem;
font-size: 1.75rem;
text-transform: none;
}
#gh-navigation a[data-portal="signin"] {
font-size: 2rem;
font-size: 1.75rem;
}
#gh-main {
@@ -788,7 +790,7 @@ Search LOGO Login Subscribe
flex-direction: column;
gap: 12px;
align-items: center;
padding: var(--container-gap) 0 calc(var(--container-gap) + 8px);
padding: var(--container-gap) 0;
}
.is-open#gh-navigation :is(.gh-button, a[data-portal="signin"]) {
@@ -855,6 +857,7 @@ Search LOGO Login Subscribe
font-size: calc(1.9rem * var(--factor, 1));
font-weight: 725;
letter-spacing: -0.014em;
line-height: 1.3;
}
.gh-card-link:hover .gh-card-title {
@@ -866,7 +869,7 @@ Search LOGO Login Subscribe
overflow-y: hidden;
margin-top: 8px;
max-width: 720px;
font-size: 1.5rem;
font-size: 1.45rem;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
@@ -876,8 +879,8 @@ Search LOGO Login Subscribe
display: flex;
gap: 4px;
flex-wrap: wrap;
font-size: 1.3rem;
font-weight: 550;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.05;
letter-spacing: -0.004em;
color: var(--color-secondary-text);
@@ -947,15 +950,17 @@ Search LOGO Login Subscribe
}
.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-title {
font-size: clamp(3.2rem, 1.82vw + 2.47rem, 4.8rem);
font-weight: 750;
line-height: 1;
font-size: clamp(3.2rem, 1.36vw + 2.65rem, 4.4rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.022em;
}
.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-excerpt {
margin-top: clamp(12px, 0.45vw + 10.18px, 16px);
font-size: 1.8rem;
letter-spacing: -0.02em;
max-width: 90%;
}
.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-meta:not(:empty) {
@@ -1000,7 +1005,7 @@ Search LOGO Login Subscribe
.gh-header.is-magazine .gh-header-inner {
grid-template-columns: repeat(12, 1fr);
}
.gh-header.is-magazine .gh-header-inner > .gh-card {
grid-column: 1 / span 8;
}
@@ -1079,8 +1084,8 @@ Search LOGO Login Subscribe
.gh-header.is-highlight .gh-header-left .gh-card .gh-card-title {
font-size: clamp(3.2rem, 1.82vw + 2.47rem, 4.8rem);
font-weight: 750;
line-height: 1;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.022em;
}
@@ -1123,6 +1128,10 @@ Search LOGO Login Subscribe
flex-direction: column;
}
.gh-header.is-highlight .gh-featured-feed .gh-card-title {
font-size: clamp(1.4rem, 0.23vw + 1.31rem, 1.6rem);
}
.gh-header.is-highlight .gh-header-left::after,
.gh-header.is-highlight .gh-header-middle::after {
position: absolute;
@@ -1225,12 +1234,12 @@ Search LOGO Login Subscribe
align-items: center;
gap: 48px;
margin: auto;
max-width: 960px;
max-width: 1080px;
text-align: center;
}
.gh-header.is-classic .gh-header-title {
font-size: calc(clamp(3.2rem, 3.18vw + 1.93rem, 6rem) * var(--factor, 1));
font-size: calc(clamp(3.2rem, 2.27vw + 2.29rem, 5.2rem) * var(--factor, 1));
line-height: 1.1;
letter-spacing: -0.028em;
}
@@ -1269,7 +1278,7 @@ Search LOGO Login Subscribe
/* ---------------------------------------------------------- */
.gh-cta {
margin-top: 120px;
margin-top: 4vw;
}
.gh-cta-inner {
@@ -1299,16 +1308,17 @@ Search LOGO Login Subscribe
}
.gh-cta-title {
font-size: 3.6rem;
font-weight: 750;
font-size: 4.6rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.021em;
}
.gh-cta-description {
margin-top: 10px;
margin-top: 16px;
font-size: 1.8rem;
line-height: 1.4;
letter-spacing: -0.015em;
}
.gh-cta .gh-form {
@@ -1338,10 +1348,10 @@ Search LOGO Login Subscribe
margin-bottom: 20px;
padding-bottom: 12px;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.01em;
font-weight: 600;
letter-spacing: 0.025em;
text-transform: uppercase;
border-bottom: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-dark-border);
}
.gh-featured-feed {
@@ -1446,7 +1456,7 @@ Search LOGO Login Subscribe
}
:is(.gh-featured, .gh-cta) + .gh-container {
margin-top: 100px;
margin-top: 4vw;
}
.gh-header.is-classic:not(.has-image) + .gh-container {
@@ -1682,20 +1692,20 @@ Search LOGO Login Subscribe
.gh-about-icon {
margin-bottom: 24px;
width: 80px;
height: 80px;
width: 60px;
height: 60px;
border-radius: 50%;
}
.gh-about-title {
font-size: calc(2.4rem * var(--factor, 1));
font-weight: 750;
font-weight: 700;
letter-spacing: -0.019em;
}
.gh-about-description {
margin-top: 12px;
font-size: 1.5rem;
font-size: 1.45rem;
line-height: 1.4;
}
@@ -1729,15 +1739,15 @@ Search LOGO Login Subscribe
.gh-article-title {
font-size: calc(clamp(3.4rem, 1.36vw + 2.85rem, 4.6rem) * var(--factor, 1));
line-height: 1.05;
line-height: 1.1;
letter-spacing: -0.022em;
}
.gh-article-excerpt {
margin-top: clamp(12px, 0.45vw + 10.18px, 16px);
max-width: 720px;
font-size: clamp(2rem, 0.23vw + 1.91rem, 2.2rem);
line-height: 1.35;
font-size: clamp(1.5rem, 0.45vw + 1.32rem, 1.9rem);
line-height: 1.4;
letter-spacing: -0.018em;
}
@@ -1790,13 +1800,13 @@ Search LOGO Login Subscribe
}
.gh-article-author-name {
font-size: 1.7rem;
font-size: 1.6rem;
font-weight: 650;
letter-spacing: -0.013em;
}
.gh-article-meta-content {
font-size: 1.4rem;
font-size: 1.35rem;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.006em;
@@ -1840,8 +1850,8 @@ created within the Ghost editor. The main content handles
headings, text, images and lists. We deal with cards lower down. */
.gh-content {
font-size: calc(var(--content-font-size, 1.8rem) * var(--font-multiplier, 1));
letter-spacing: -0.014em;
font-size: calc(var(--content-font-size, 1.7rem) * var(--font-multiplier, 1));
letter-spacing: -0.01em;
}
/* Default vertical spacing */
@@ -1853,12 +1863,12 @@ headings, text, images and lists. We deal with cards lower down. */
/* Add back a top margin to all headings,
unless a heading is the very first element in the post content */
.gh-content > [id]:not(:first-child) {
margin-top: calc(48px * var(--content-spacing-factor, 1));
margin-top: calc(56px * var(--content-spacing-factor, 1));
}
/* Add a small margin between a heading and anything after it */
.gh-content > [id] + * {
margin-top: calc(16px * var(--content-spacing-factor, 1));
margin-top: calc(12px * var(--content-spacing-factor, 1));
}
/* A larger margin before/after dividers, blockquotes and embeds */
@@ -1878,7 +1888,7 @@ unless a heading is the very first element in the post content */
}
.gh-content h3 {
font-size: calc(1.2em * var(--font-multiplier, 1));
font-size: calc(1.3em * var(--font-multiplier, 1));
letter-spacing: -0.017em;
}
@@ -2298,7 +2308,7 @@ figcaption a {
.has-serif-title .is-title {
font-family: var(--font-serif);
font-weight: 600;
font-weight: 550;
}
.has-slab-title .is-title {
@@ -2319,13 +2329,41 @@ figcaption a {
letter-spacing: -0.015em;
}
.has-slab-title .gh-header.is-classic .gh-header-title {
font-size: calc(clamp(3.2rem, 2.27vw + 2.29rem, 5.2rem) * var(--factor, 1));
letter-spacing: -0.01em;
}
.has-serif-title .gh-form {
border-radius: 0;
}
.has-serif-title .gh-card-title {
line-height: 1.1;
line-height: 1.15;
letter-spacing: -0.006em;
font-size: calc(2.0rem*var(--factor, 1))
}
.has-serif-title .gh-featured-feed .gh-card-title {
font-size: calc(1.6rem*var(--factor, 1))
}
.has-slab-title .gh-featured-feed .gh-card-title {
font-size: calc(1.5rem*var(--factor, 1));
letter-spacing: 0;
}
.has-serif-title .gh-header.is-highlight .gh-featured-feed .gh-card-title {
font-size: clamp(1.6rem, 0.23vw + 1.51rem, 1.8rem);
}
.has-slab-title .gh-card-title {
font-size: calc(1.8rem*var(--factor, 1));
}
.has-slab-title .gh-header.gh-header.is-highlight .gh-card-title,
.has-slab-title .gh-header.gh-header.gh-header.is-magazine .gh-card-title {
line-height: 1.15;
}
.has-serif-title .gh-about-title {
@@ -2345,14 +2383,20 @@ figcaption a {
}
.has-serif-body .gh-card-excerpt {
font-size: 1.7rem;
font-size: 1.65rem;
line-height: 1.4;
letter-spacing: 0;
letter-spacing: 0.0005em;
}
.has-serif-body .gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-excerpt,
.has-serif-body .gh-header.is-highlight .gh-card:first-child .gh-card-excerpt {
font-size: 1.8rem;
letter-spacing: -0.001em;
}
.has-serif-title .gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-title {
font-weight: 550;
font-size: clamp(3.2rem,1.82vw + 2.47rem,4.9rem)
}
.has-serif-body .gh-about-description {
@@ -2371,10 +2415,19 @@ figcaption a {
border-radius: 0;
}
.has-slab-title :is(.gh-button, .gh-form) {
.has-slab-title :is(.gh-button) {
border-radius: 6px;
}
.has-slab-title :is(.gh-form) {
border-radius: 8px;
}
.has-serif-title .gh-cta-title {
font-size: 4.8rem;
}
/* 20.2. Colors */
.has-light-text .gh-form:hover {
@@ -2385,8 +2438,8 @@ figcaption a {
/* ---------------------------------------------------------- */
.gh-footer {
margin-top: 120px;
font-size: 1.6rem;
margin-top: 6vw;
font-size: 1.5rem;
color: var(--color-darker-gray);
}
@@ -2465,18 +2518,18 @@ figcaption a {
.gh-footer-signup-header {
font-size: calc(clamp(3.2rem, 1.82vw + 2.47rem, 4.8rem) * var(--factor, 1));
font-weight: 750;
font-weight: 700;
letter-spacing: -0.03em;
}
.gh-footer-signup-subhead {
margin-top: 12px;
max-width: 640px;
font-size: clamp(1.6rem, 0.68vw + 1.33rem, 2.2rem);
font-size: clamp(1.6rem, 0.45vw + 1.42rem, 2rem);
font-weight: 450;
line-height: 1.4;
letter-spacing: -0.018em;
opacity: 0.6;
letter-spacing: -0.014em;
opacity: 0.75;
}
.gh-footer-signup .gh-form {