Skip to content

Commit

Permalink
Stat with illustration padding issue (#363)
Browse files Browse the repository at this point in the history
* Navattic hamburger icons.

* Stat with illustration padding issue.

* No padding at the top option.

* Stats width issue.
  • Loading branch information
nimithshetty17 authored Dec 20, 2023
1 parent e3dcf95 commit dd50eb0
Showing 1 changed file with 11 additions and 3 deletions.
14 changes: 11 additions & 3 deletions blocks/stat-with-illustration/stat-with-illustration.css
Original file line number Diff line number Diff line change
@@ -1,11 +1,15 @@
/* Stat with illustration */
main .section > .stat-with-illustration-wrapper:last-child {
padding-bottom: 0;
/* padding-bottom: 0; */
}

main .section > .stat-with-illustration-wrapper:has(.no-padding):first-child {
padding-top: 0;
}

.stat-with-illustration > .stat-with-illustration__inner:first-child .stat-with-illustration__col-1 {
position: relative;
width: 66.6666%;
width: 270px;
}

.stat-with-illustration > .stat-with-illustration__inner:first-child .stat-with-illustration__col-1::before {
Expand Down Expand Up @@ -57,7 +61,7 @@ main .section > .stat-with-illustration-wrapper:last-child {
}

.stat-with-illustration > .stat-with-illustration__inner:first-child .stat-with-illustration__col-1 {
width: 25%;
width: 275px;
}

.stat-with-illustration > .stat-with-illustration__inner .stat-with-illustration__col-2 {
Expand All @@ -69,6 +73,10 @@ main .section > .stat-with-illustration-wrapper:last-child {

/* Desktop */
@media only screen and (min-width: 1200px) {
.stat-with-illustration > .stat-with-illustration__inner:first-child .stat-with-illustration__col-1 {
width: 360px;
}

.stat-with-illustration .stat-with-illustration__inner .stat-with-illustration__col-1 h2 {
font-size: var(--font-size-128);
}
Expand Down

0 comments on commit dd50eb0

Please sign in to comment.