8b5560eb02
* style: update gray brand colors (#11092) * Style: Update brand colors (#11224) * style: update brand colors * chore: upgrade react-components * style: update use cases page btn --> vault brand * chore: home page component api updates * style: fix link colors * run npm audit * upgrade downloads page * typo fixes * fix husky, run lint * roll back husky upgrade * style(home callouts): body copy gray -2 * style: testing hashi-stack-menu prerelease * style: upgrade components --> color contrast (#11328) * chore: upgrades components w/ new styles * refactor(use-cases pages): to use FeaturedSlider component * style(BeforeAfterDiagram): swap check icon * style(use-cases-cta): adjust background color --> vault primary * chore(community): pass to VerticalBlockTextList * chore(deps): adds tippy.js * chore(deps): upgrade product downloads pre-release * fix(subnav): use asPath to set active item * chore: upgrade deps to stable * style: home callouts body copy to black * chore: upgrade hashi-stack-menu to stable * chore: upgrade deps * style(use-cases): update background and button colors * chore: upgrade deps body copy color * chore: upgrades alert-banner * fix: remove package.json * content(home): removes hero background image * content(home): updates assets * content(use-cases): updates assets * style(before-after-diagram): adjust scaling styles * content:swap svgs for pngs * style: updates before/after diagram * chore: testing product download page pre-release * content: updates consul & nomad logomarks * chore: updates product download page to stable Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
50 lines
932 B
CSS
50 lines
932 B
CSS
.g-section-block.g-cta-section {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
background: var(--vault-secondary);
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
position: relative;
|
|
text-align: center;
|
|
color: var(--black);
|
|
|
|
& .g-btn.white {
|
|
background: var(--white);
|
|
border: 2px solid var(--white);
|
|
color: var(--gray-2);
|
|
|
|
&:hover {
|
|
background-color: var(--gray-1);
|
|
border-color: var(--gray-1);
|
|
color: var(--white);
|
|
|
|
& path {
|
|
fill: var(--white);
|
|
}
|
|
}
|
|
}
|
|
|
|
& .g-btn.white-outline {
|
|
background: none;
|
|
border: 2px solid var(--white);
|
|
color: var(--white);
|
|
|
|
&:hover {
|
|
background-color: var(--white);
|
|
color: var(--gray-2);
|
|
}
|
|
}
|
|
|
|
& .g-btn.download svg {
|
|
margin: 0 4px -4px 0;
|
|
}
|
|
|
|
& .g-btn + .g-btn {
|
|
margin-left: 18px;
|
|
}
|
|
}
|