Kendall Strautman
26cb4a5655
* style: update gray brand colors (#994) * Style: Update brand colors (#1043) * style: update brand colors * chore: upgrade react components (#1072) * chore: upgrade react components chore: upgrade docs-page * chore: pin deps * chore: update logos (#1083) * chore: upgrade components to latest chore: upgrade components to stable * chore: style fixes style: color fixes style: adjust body copy color * chore: upgrade deps to stable * style(home): feature icons path to black * chore: upgrade deps for body copy colors * chore: upgrades alert banner * feat: updates favicon * style(home-hero): updates progress bar base * style(home-hero): fix download cta color override
50 lines
802 B
CSS
50 lines
802 B
CSS
.p-home {
|
|
& .break-section {
|
|
background: linear-gradient(
|
|
var(--gray-6) 0%,
|
|
var(--gray-6) 50%,
|
|
var(--white) 50%,
|
|
var(--white) 100%
|
|
);
|
|
}
|
|
|
|
& .features-section {
|
|
padding: 128px 0;
|
|
|
|
@media (max-width: 800px) {
|
|
padding: 88px 0;
|
|
}
|
|
|
|
& > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
& .use-cases-section {
|
|
padding-top: 128px;
|
|
padding-bottom: 128px;
|
|
background-color: var(--gray-6);
|
|
|
|
@media (max-width: 800px) {
|
|
padding-top: 88px;
|
|
}
|
|
|
|
& .g-use-cases {
|
|
& .icon {
|
|
min-height: 140px;
|
|
margin-bottom: 25px;
|
|
}
|
|
}
|
|
|
|
& h2 {
|
|
margin: 0;
|
|
text-align: center;
|
|
margin-bottom: 64px;
|
|
@media (max-width: 800px) {
|
|
margin-bottom: 48px;
|
|
}
|
|
}
|
|
}
|
|
}
|