Alex Carpenter
ebb4d4e99f
* Updates <BrandedCta /> * Add <WhyBoundary /> section * Add <HowBoundaryWorks /> section * Updates <UseCases /> content * Adjust <HomepageHero /> content * Update <HowItWorks /> section * Content updates * Update icon directory * Update how it works title * Removes extra grid container * Adds lang attribute to document * Fix heading level usage * Content updates * Remove secure * Captialize works * Content update * Update use case links * Update background * CTA text * Convert ssh to svg * Convert to SVG * Coming soon to feature block
63 lines
951 B
CSS
63 lines
951 B
CSS
.brandedCta {
|
|
padding: 88px 0;
|
|
background-image: url('/img/cta-bg.svg');
|
|
background-color: var(--boundary-secondary);
|
|
background-position: bottom right -350px;
|
|
background-repeat: no-repeat;
|
|
|
|
@media (--medium-up) {
|
|
background-position: bottom right -250px;
|
|
}
|
|
|
|
@media (--large) {
|
|
background-position: bottom right -150px;
|
|
}
|
|
}
|
|
|
|
.contentContainer {
|
|
@media (width >= 992px) {
|
|
display: flex;
|
|
}
|
|
|
|
@media (width < 992px) {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.heading {
|
|
color: var(--black);
|
|
margin-top: 0;
|
|
|
|
@media (width >= 992px) {
|
|
flex-basis: 33.3%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
max-width: 647px;
|
|
margin: 0;
|
|
color: var(--gray-2);
|
|
}
|
|
|
|
.content-and-links {
|
|
@media (width >= 992px) {
|
|
flex-basis: 66.6%;
|
|
margin-left: 32px;
|
|
}
|
|
|
|
& .g-type-body-large {
|
|
max-width: 35em;
|
|
}
|
|
}
|
|
|
|
.links {
|
|
margin-top: 40px;
|
|
margin-bottom: -16px;
|
|
|
|
& a {
|
|
margin-right: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
}
|