Skip to content

Commit

Permalink
Zelta page updates (#360)
Browse files Browse the repository at this point in the history
* Navattic hamburger icons.

* Zelta page feedback.

* Lint fix for css.

* Zelta page fixes.

* Cta css lint fix.

* Zelta page round 2 fixes.

* Zelta page new updates.

---------

Co-authored-by: keith-kaplan <[email protected]>
  • Loading branch information
nimithshetty17 and keith-kaplan authored Dec 5, 2023
1 parent 27e70bc commit 37f50d4
Show file tree
Hide file tree
Showing 8 changed files with 90 additions and 23 deletions.
6 changes: 5 additions & 1 deletion blocks/carousel/carousel.css
Original file line number Diff line number Diff line change
Expand Up @@ -326,10 +326,14 @@ main .section.stat-container.carousel-container div.carousel-wrapper {
}

.section.carousel-container .default-content-wrapper {
padding-top: 0;
padding-top: var(--spacer-layout-05);
padding-bottom: var(--spacer-layout-07);
}

main .section div.carousel-wrapper {
padding-top: var(--spacer-layout-07);
}

.carousel .carousel-slide-container {
width: 100%;
position: relative;
Expand Down
4 changes: 4 additions & 0 deletions blocks/columns/columns.css
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ main .columns > div > div > h4:first-child {
padding: 0;
}

.columns.solution-header.columns-2-cols .icon svg {
height: 96px;
}

/* teaser-list-manual */
.teaser-list-manual.columns-container {
background-color: var(--neutral-white);
Expand Down
5 changes: 2 additions & 3 deletions blocks/content-intro/content-intro.css
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
.content-intro ul {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: var(--gap-24);
gap: var(--gap-16);
width: 100%;
margin: var(--spacer-layout-04) 0 0 0;
padding-inline-start: 0;
Expand Down Expand Up @@ -185,8 +185,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
align-items: flex-start;
flex-shrink: 0;
gap: var(--gap-120);
max-width: 1128px;
padding-bottom: var(--spacer-element-10);
max-width: 1128px; /* padding-bottom: var(--spacer-element-10); */
}

.content-intro .content-intro__col-1 h2#explore-our-platform {
Expand Down
3 changes: 2 additions & 1 deletion blocks/cta/cta.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,8 @@

.section.cta-container.bg-white .cta-wrapper {
border-top: 1px solid var(--neutral-sand);
border-bottom: 1px solid var(--neutral-sand);

/* border-bottom: 1px solid var(--neutral-sand); */
}

.section.cta-container .cta.block > div,
Expand Down
68 changes: 55 additions & 13 deletions blocks/footer/footer.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,18 @@ footer .footer-links > div > div:last-of-type {
flex: 1 1 6.825rem;
}

footer .footer-links > div > div > p {
margin-bottom: 48px;
}

footer .footer-links > div > div > h3 {
color: var(--neutral-grey-tint120);
font-size: var(--font-size-18);
font-family: var(--sans-serif-font-medium);
margin: 0 0 24px;
letter-spacing: .01em;
line-height: 160%;
white-space: nowrap;
}

footer .footer-links .icon {
Expand All @@ -50,6 +55,13 @@ footer .footer-links .icon {
transition: all .3s ease-in-out;
}

footer .footer-links .icon-linkedin,
footer .footer-links .icon-twitter {
position: absolute;
bottom: -90px;
right: 0;
}

footer .footer-links p .icon:hover {
background-image: var(--gradient-to-right);
background-position: 100% 0;
Expand All @@ -74,10 +86,6 @@ footer .footer-links .icon-email > svg {
height: 23.86px;
}

footer .footer-links .icon.icon-email, footer .footer-links .icon.icon-linkedin {
margin: 0 0 36px;
}

footer .footer-links .icon.icon-twitter {
margin: 0 0 0 24px;
}
Expand Down Expand Up @@ -131,7 +139,7 @@ footer .footer-links ul li a {

footer .footer-links + ul > li a {
text-decoration: none;
color: var(--neutral-white);
color: var(--neutral-grey-tint120);
}

footer .footer-links ul li a:hover {
Expand All @@ -156,12 +164,15 @@ footer .footer-links + ul li {
}

footer .footer-links + ul > li a:hover {
text-decoration: underline;
text-decoration-color: var(--primary-purple);
border-bottom: 1px solid var(--neutral-grey-tint120);
}

footer .footer-links + ul > li .cookie-consent {
cursor: pointer;
}

footer div:last-of-type > ul:last-of-type > li:last-of-type span.cookie-consent:hover {
text-decoration: underline;
footer .footer-links + ul > li .cookie-consent:hover {
border-bottom: 1px solid var(--neutral-grey-tint120);
}

footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
Expand Down Expand Up @@ -232,6 +243,11 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
color: var(--neutral-grey-tint120);
}

footer .footer-links > div p a:has(.icon-linkedin) {
padding-right: 32px;
margin-top: -5px;
}

footer .footer-links #contact-us + p > a {
display: block;
width: 35px;
Expand All @@ -244,6 +260,14 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
display: none;
}

footer .footer-links .icon {
position: unset;
}

footer .footer-links .icon.icon-linkedin {
margin: 0 0 36px;
}

footer .footer-links .icon-linkedin,
footer .footer-links .icon-twitter {
width: 35px;
Expand All @@ -255,18 +279,21 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
}

footer .footer-links + ul {
max-width: 70vw;
max-width: 86vw;
padding: 0;
border-top: none;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 32px;
}

footer .footer-links + ul li {
color: var(--neutral-grey-tint120);
flex: 1 1 fit-content;
position: relative;
right: calc(15vw - 32px);

/* right: calc(15vw - 32px); */
font-size: var(--font-size-14);
}
}

Expand Down Expand Up @@ -417,14 +444,29 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
max-width: 80vw;
}

footer .footer-links + ul > li, footer .footer-links + ul > li a {
color: var(--neutral-white);
}

footer .footer-links + ul > li a:hover {
border-bottom: 1px solid var(--neutral-white);
}

footer .footer-links + ul > li .cookie-consent:hover {
border-bottom: 1px solid var(--neutral-white);
}

footer .footer-links + ul > li:first-of-type {
flex: 1 1 480px;
flex: 1 1 400px;
display: flex;
font-family: var(--sans-serif-font-regular);
font-size: var(--font-size-16);
letter-spacing: .01em;
line-height: 160%;
font-weight: 400;
width: 100%;
}

footer .footer-links .icon-linkedin, footer .footer-links .icon-twitter {
position: unset;
}
}
9 changes: 9 additions & 0 deletions blocks/image-flush-bottom/image-flush-bottom.css
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,11 @@ main .section > .columns-wrapper + .image-flush-bottom-wrapper {
width: calc(100% - var(--spacer-layout-04));
}

.image-flush-bottom > div {
display: flex;
justify-content: center;
}

.image-flush-bottom .only-picture {
border-radius: 10px 10px 0 0;
border-top: 1px solid var(--neutral-sand);
Expand All @@ -38,6 +43,10 @@ main .section > .columns-wrapper + .image-flush-bottom-wrapper {
main .section > .columns-wrapper + .image-flush-bottom-wrapper {
margin-top: var(--spacer-layout-06);
}

.image-flush-bottom .only-picture {
max-width: 576px;
}
}

/* Desktop */
Expand Down
11 changes: 6 additions & 5 deletions blocks/leadspace/leadspace.css
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,7 @@ main .leadspace-container > div:last-child { /* needs this specificity */
}

.section.leadspace-container {
position: relative;
background: var(--neutral-bone);
padding: 0;
overflow-x: clip;
Expand Down Expand Up @@ -216,11 +217,7 @@ main div.leadspace-wrapper {

.leadspace.brand-logo .button-group .button-container a {
font-weight: var(--font-weight-regular);
height: unset;
}

.leadspace.brand-logo .button-group .button-container a.tertiary {
margin-left: var(--spacer-element-05);
height: var(--spacer-element-10);
}

.leadspace.brand-logo .button-group .button-container:nth-child(3){
Expand Down Expand Up @@ -640,6 +637,10 @@ main div.leadspace-wrapper {
letter-spacing: var(--letter-spacing-001-em);
}

.leadspace.brand-logo .button-group .button-container a.tertiary {
margin-left: var(--spacer-element-05);
}

.leadspace.video .video-wrapper {
clip-path: circle(60% at 105% 42%);
margin-top: 0;
Expand Down
7 changes: 7 additions & 0 deletions blocks/stat/stat.css
Original file line number Diff line number Diff line change
Expand Up @@ -88,6 +88,13 @@ div.stat-container .stat::after {
padding-top: var(--spacer-element-08);
}

/* Remove Gray bar If we don't have the bottom elements */
div.stat-container .stat:last-child::after {
border-top: none;
padding-top: 0;
height: 0;
}

/* Tablet (and larger) styles */
@media (min-width: 768px) {
div.stat-container .stat {
Expand Down

0 comments on commit 37f50d4

Please sign in to comment.