overleaf/services/web/frontend/stylesheets/components/quote.less
Jessica Lawshe 87bc0b2aa9 Merge pull request #18857 from overleaf/jel-plans-page-css
[web] Add quotes to new plans page variants

GitOrigin-RevId: 794692730a7a6846bf4e43021c34798e9a2605da
2024-06-13 08:04:45 +00:00

61 lines
1.3 KiB
Text

blockquote.quote-large-text-centered {
text-align: center;
font-size: var(
--font-size-07
) !important; //override .website-redesign blockquote
font-weight: 600 !important; //override .website-redesign blockquote
line-height: var(
--line-height-06
) !important; //override .website-redesign blockquote
// customize open/close quote placement.
// Otherwise, close is after footer and before is above quote
&:before,
&:after {
content: none;
}
.quote {
margin-bottom: var(--spacing-08);
&:before {
content: open-quote;
}
&:after {
content: close-quote;
}
}
.quote-img {
img {
border-radius: 50%;
height: 64px;
max-width: 64px;
}
}
footer {
color: inherit;
font-size: var(--font-size-body-base);
font-weight: 400;
line-height: var(--line-height-03);
padding: var(--spacing-04) 0 0 0;
&:before {
content: none; //override type.less
}
.quote-link {
text-align: center;
margin-top: var(--spacing-05);
}
}
@media (max-width: @screen-sm-max) {
font-size: var(--font-size-04) !important;
line-height: var(--line-height-04) !important;
footer {
font-size: var(--font-size-02) !important;
line-height: var(--line-height-02) !important;
}
}
}