Merge pull request #19990 from overleaf/jel-cms-pattern-cards

[web] Add new card options to CMS

GitOrigin-RevId: ca19f155a3b4da120f3e3a78800a0b0e5154468e
This commit is contained in:
Jessica Lawshe 2024-08-21 12:34:25 -05:00 committed by Copybot
parent 577497b655
commit 130a04e9c2

View file

@ -139,4 +139,63 @@
width: 100%; width: 100%;
} }
} }
&.card-pattern {
border-radius: var(--border-radius-medium-new);
color: var(--white);
padding: var(--spacing-13);
text-align: center;
background-size: cover;
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.4) 0%,
var(--dark-jungle-green) 25%,
var(--dark-jungle-green) 75%,
rgba(0, 0, 0, 0.4) 100%
),
url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
h2 {
.heading-lg();
}
p {
.body-lg();
}
h1,
h2,
h3,
h4,
h5,
p {
color: var(--white);
}
}
&.card-pattern-left-only {
border-radius: var(--border-radius-medium-new);
color: var(--white);
padding: var(--spacing-13);
background-size: cover;
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.4) 0%,
var(--dark-jungle-green) 20%,
var(--dark-jungle-green) 100%
),
url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
h2 {
.heading-lg();
}
p {
.body-lg();
}
h1,
h2,
h3,
h4,
h5,
p {
color: var(--white);
}
}
} }