open-nomad/website/pages/home/style.css
Kendall Strautman fe85162128
[Assembly]: Website Branding Refresh (#10188)
* style: update gray brand colors

* style: update brand colors

* chore: upgrade react-components deps

* chore: update text split cta link color

* style(home): update icons

* refactor(home): use learn-callout component

* style(downloads): temporary color override

* style(community): fix link color

* Update website/pages/community/style.css

Co-authored-by: Zachary Shilton <4624598+zchsh@users.noreply.github.com>

* update package-lock

* update deps

* add new downloads page

* remove extra husky script

* chore: upgrades nextjs-scripts dep

* chore: upgrades community page vertical text block list

* chore: test component pre-releases

* chore: upgrade deps

chore: upgrades nextjs-scripts

* chore: update home icon colors

* chore: update home logo grid

* chore(website): upgrade deps

* style: adjust features icons border radius

* style: home hero bg to secondary

* chore: upgrade deps for body copy colors

* chore: upgrades alert banner

* feat: updates favicon

* chore: updates deps

* content(home): updates assets

* content(use-cases:simple container orch): updates content

* content(use-cases:non-containerized-app) updates assets

* content(use-cases:auto networking with consul): updates assets

* style(home): remove use cases icons override

* style(home-hero): remove bg pattern on mobile

* content(use-cases): updates asset

* chore: update assets

* chore: updates product download page to alpha

* chore: updates product download page to stable

Co-authored-by: Zachary Shilton <4624598+zchsh@users.noreply.github.com>
Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
2021-05-03 11:06:55 -07:00

34 lines
584 B
CSS

#p-home {
& > section {
padding-top: 100px;
padding-bottom: 100px;
}
& .use-cases {
padding-top: 128px;
padding-bottom: 64px;
@media (max-width: 800px) {
padding-top: 88px;
}
& h2 {
margin: 0;
text-align: center;
margin-bottom: 64px;
@media (max-width: 800px) {
margin-bottom: 48px;
}
}
}
/* HACK: Override variant-tertiary-neutral's color rules */
& .g-text-split .g-btn.variant-tertiary-neutral {
color: var(--nomad-link);
& svg path {
stroke: var(--nomad-link);
}
}
}