Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-15 03:01:37 -05:00
Code Issues Activity

Updated font sizes of signup and header cards (#18168)

Browse source 
No ref
This commit is contained in:
Sanne de Vries 2023-09-15 14:46:49 +02:00 • committed by GitHub
parent 4fc03e5f25
commit 61d14b2d12
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
ghost/core/core/frontend/src/cards/css/header_v2.css
View file

@ -71,7 +71,7 @@
}
.kg-header-card.kg-style-image h2.kg-header-card-heading,
.kg-header-card.kg-style-image h3.kg-header-card-subheading,
.kg-header-card.kg-style-image .kg-header-card-subheading,
.kg-header-card.kg-style-image.kg-v2 .kg-header-card-button {
z-index: 999;
}
@ -112,26 +112,22 @@
.kg-header-card h2.kg-header-card-heading {
margin: 0;
font-size: clamp(2.8rem, 4vw, 4rem);
font-size: clamp(2.4rem, 4vw, 3.6rem);
font-weight: 700;
line-height: 1em;
letter-spacing: -0.01em;
}
.kg-header-card.kg-width-wide h2.kg-header-card-heading {
font-size: clamp(2.8rem, 5vw, 5.2rem);
font-size: clamp(2.4rem, 5vw, 4.8rem);
}
.kg-header-card.kg-width-full h2.kg-header-card-heading {
font-size: clamp(3.6rem, 5.6vw, 6.4rem);
font-size: clamp(2.8rem, 5.6vw, 6rem);
}
.kg-header-card.kg-width-full.kg-layout-split h2.kg-header-card-heading {
font-size: clamp(3.2rem, 4vw, 5.6rem);
}
.kg-header-card.kg-width-full.kg-layout-split.kg-content-wide h2.kg-header-card-heading {
font-size: clamp(2.8rem, 4vw, 5.2rem);
font-size: clamp(2.8rem, 4vw, 4.8rem);
}
/* Subheading */
@ -140,33 +136,33 @@
margin: 0 0 2em;
}
.kg-header-card h3.kg-header-card-subheading {
.kg-header-card .kg-header-card-subheading {
max-width: 40em;
margin: 0;
font-size: clamp(1.05em, 2vw, 2rem);
font-weight: 500;
line-height: 1.4em;
line-height: 1.2em;
}
.kg-header-card h2 + h3.kg-header-card-subheading {
.kg-header-card h2 + .kg-header-card-subheading {
margin: 0.6em 0 0;
}
.kg-header-card h3.kg-header-card-subheading strong {
.kg-header-card .kg-header-card-subheading strong {
font-weight: 600;
}
.kg-header-card.kg-width-wide h3.kg-header-card-subheading {
font-size: clamp(1.05em, 2vw, 2.4rem);
.kg-header-card.kg-width-wide .kg-header-card-subheading {
font-size: clamp(1.05em, 2vw, 2.2rem);
}
.kg-header-card.kg-width-full h3.kg-header-card-subheading:not(.kg-layout-split h3.kg-header-card-subheading) {
.kg-header-card.kg-width-full .kg-header-card-subheading:not(.kg-layout-split .kg-header-card-subheading) {
max-width: min(65vmax, 1200px);
font-size: clamp(1.05em, 2vw, 2.6rem);
font-size: clamp(1.05em, 2vw, 2.4rem);
}
.kg-header-card.kg-width-full.kg-layout-split h3.kg-header-card-subheading {
font-size: clamp(1.05em, 2vw, 2.4rem);
.kg-header-card.kg-width-full.kg-layout-split .kg-header-card-subheading {
font-size: clamp(1.05em, 2vw, 2.2rem);
}
.kg-header-card.kg-v2 .kg-header-card-button {
@ -194,7 +190,7 @@
}
.kg-header-card.kg-v2 h2 + .kg-header-card-button,
.kg-header-card.kg-v2 h3 + .kg-header-card-button {
.kg-header-card.kg-v2 p + .kg-header-card-button {
margin: 1.5em 0 0;
}
@ -207,7 +203,7 @@
}
.kg-header-card.kg-v2.kg-width-wide h2 + .kg-header-card-button,
.kg-header-card.kg-v2.kg-width-wide h3 + .kg-header-card-button {
.kg-header-card.kg-v2.kg-width-wide p + .kg-header-card-button {
margin-top: 1.75em;
}
@ -216,7 +212,7 @@
}
.kg-header-card.kg-v2.kg-width-full h2 + .kg-header-card-button,
.kg-header-card.kg-v2.kg-width-full h3 + .kg-header-card-button {
.kg-header-card.kg-v2.kg-width-full p + .kg-header-card-button {
margin-top: 2em;
}
@ -236,7 +232,7 @@
padding: min(9.6vmax, 180px) 0;
}
.kg-header-card.kg-width-full h3.kg-header-card-subheading:not(.kg-layout-split h3.kg-header-card-subheading) {
.kg-header-card.kg-width-full .kg-header-card-subheading:not(.kg-layout-split .kg-header-card-subheading) {
max-width: unset;
}

42
ghost/core/core/frontend/src/cards/css/signup.css
View file

@ -64,7 +64,7 @@
}
.kg-signup-card.kg-style-image h2.kg-signup-card-heading,
.kg-signup-card.kg-style-image h3.kg-signup-card-subheading,
.kg-signup-card.kg-style-image .kg-signup-card-subheading,
.kg-signup-card.kg-style-image .kg-signup-card-button {
z-index: 999;
}
@ -105,26 +105,22 @@
.kg-signup-card h2.kg-signup-card-heading {
margin: 0;
font-size: clamp(2.8rem, 4vw, 4rem);
font-size: clamp(2.4rem, 4vw, 3.6rem);
font-weight: 700;
line-height: 1em;
letter-spacing: -0.01em;
}
.kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
font-size: clamp(2.8rem, 5vw, 5.2rem);
font-size: clamp(2.4rem, 5vw, 4.8rem);
}
.kg-signup-card.kg-width-full h2.kg-signup-card-heading {
font-size: clamp(3.6rem, 5.6vw, 6.4rem);
font-size: clamp(2.8rem, 5.6vw, 6rem);
}
.kg-signup-card.kg-width-full.kg-layout-split h2.kg-signup-card-heading {
font-size: clamp(3.2rem, 4vw, 5.6rem);
}
.kg-signup-card.kg-width-full.kg-layout-split.kg-content-wide h2.kg-signup-card-heading {
font-size: clamp(2.8rem, 4vw, 5.2rem);
font-size: clamp(2.8rem, 4vw, 4.8rem);
}
/* Subheading */
@ -133,33 +129,33 @@
margin: 0 0 2em;
}
.kg-signup-card h3.kg-signup-card-subheading {
.kg-signup-card .kg-signup-card-subheading {
max-width: 40em;
margin: 0;
font-size: clamp(1.05em, 2vw, 2rem);
font-weight: 500;
line-height: 1.4em;
line-height: 1.2em;
}
.kg-signup-card h2 + h3.kg-signup-card-subheading {
.kg-signup-card h2 + .kg-signup-card-subheading {
margin: 0.6em 0 0;
}
.kg-signup-card h3.kg-signup-card-subheading strong {
.kg-signup-card .kg-signup-card-subheading strong {
font-weight: 600;
}
.kg-signup-card.kg-width-wide h3.kg-signup-card-subheading {
font-size: clamp(1.05em, 2vw, 2.4rem);
.kg-signup-card.kg-width-wide .kg-signup-card-subheading {
font-size: clamp(1.05em, 2vw, 2.2rem);
}
.kg-signup-card.kg-width-full h3.kg-signup-card-subheading:not(.kg-layout-split h3.kg-signup-card-subheading) {
.kg-signup-card.kg-width-full .kg-signup-card-subheading:not(.kg-layout-split .kg-signup-card-subheading) {
max-width: min(65vmax, 1200px);
font-size: clamp(1.05em, 2vw, 2.6rem);
font-size: clamp(1.05em, 2vw, 2.4rem);
}
.kg-signup-card.kg-width-full.kg-layout-split h3.kg-signup-card-subheading {
font-size: clamp(1.05em, 2vw, 2.4rem);
.kg-signup-card.kg-width-full.kg-layout-split .kg-signup-card-subheading {
font-size: clamp(1.05em, 2vw, 2.2rem);
}
/* Subscribe form */
@ -246,7 +242,7 @@
}
.kg-signup-card h2 + .kg-signup-card-button,
.kg-signup-card h3 + .kg-signup-card-button {
.kg-signup-card p + .kg-signup-card-button {
margin: 1.5em 0 0;
}
@ -259,7 +255,7 @@
}
.kg-signup-card.kg-width-wide h2 + .kg-signup-card-button,
.kg-signup-card.kg-width-wide h3 + .kg-signup-card-button {
.kg-signup-card.kg-width-wide p + .kg-signup-card-button {
margin-top: 1.75em;
}
@ -268,7 +264,7 @@
}
.kg-signup-card.kg-width-full h2 + .kg-signup-card-button,
.kg-signup-card.kg-width-full h3 + .kg-signup-card-button {
.kg-signup-card.kg-width-full p + .kg-signup-card-button {
margin-top: 2em;
}
@ -348,7 +344,7 @@
padding: min(9.6vmax, 180px) 0;
}
.kg-signup-card.kg-width-full h3.kg-signup-card-subheading:not(.kg-layout-split h3.kg-signup-card-subheading) {
.kg-signup-card.kg-width-full .kg-signup-card-subheading:not(.kg-layout-split .kg-signup-card-subheading) {
max-width: unset;
}