mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-04-24 05:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix headings; work on features page

Browse source
This commit is contained in:
Matthew Holt 2023-10-01 12:57:19 -06:00 • committed by Francis Lavoie
parent 2b7a952093
commit 85df03bfad
No known key found for this signature in database
GPG key ID: 0F66EE1687682239
6 changed files with 102 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

42
new/resources/css/features.css
View file

@ -18,3 +18,45 @@
margin-bottom: .5em;
min-width: 200px;
}
.feature-list {
font-size: 90%;
margin-top: 50px;
}
.feature-row {
display: grid;
grid: auto / 1fr 3fr 2fr;
gap: 2em;
padding: 2em 0;
border-bottom: 2px dashed #a4c8ff25; /* #e6eaf0 */
}
.feature-row .benefits {
color: var(--text-color-muted);
font-weight: 500;
}
.feature-row .detail {
font-weight: 500;
}
.feature-row ul.detail {
margin-left: 1em;
}
.feature-row ul li {
margin-bottom: .5em;
}
.feature-row:last-child {
border-bottom: none;
}
/* TODO: Figure this out */
@media (max-width: 800px) {
.feature-row {
grid: repeat(3, auto) / 1fr;
}
}

10
new/resources/css/home.css
View file

@ -1,7 +1,3 @@
h1 {
-webkit-text-fill-color: inherit;
}
.bgtext,
.demobox {
font-family: Poppins, ui-rounded;
@ -22,6 +18,11 @@ h1 {
text-align: left;
text-transform: uppercase;
margin-bottom: 0;
background-image: unset;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
}
h1 .color-dodge {
@ -33,7 +34,6 @@ h1 .the {
line-height: 1;
}
h1 .subheading {
margin-top: .75em;
}

11
new/resources/css/marketing.css
View file

@ -18,7 +18,7 @@ h1 {
line-height: .9;
margin-bottom: 1em;
background: linear-gradient(to right, #47E27C 25%, #4ED3FB 75%);
background-image: linear-gradient(to right, #47E27C 25%, #4ED3FB 75%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
@ -28,12 +28,15 @@ h1 .subheading {
margin: 2em auto 0;
margin-top: 2em;
text-transform: none;
color: #b1fffe;
font-size: 42px;
font-weight: normal;
line-height: 1.3;
font-family: Figtree;
max-width: 850px;
--subheading-color: #b1fffe;
color: var(--subheading-color);
-webkit-text-fill-color: var(--subheading-color);
}
h1 .subheading b {
@ -55,7 +58,7 @@ h2 {
}
.feature h2:not(:first-child) {
margin-top: 150px;
margin-top: 175px;
}
@ -168,7 +171,7 @@ h2 {
section {
padding: 200px 0;
background: white;
background: var(--body-bg);
color: var(--text-color);
}