overleaf/services/web/frontend/stylesheets/components/quote.less

98 lines
2.1 KiB
Text
Raw Normal View History

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;
}
}
}
blockquote.quote-left-green-border {
border-left: 2px solid var(--green-60) !important;
text-align: left;
font-size: var(--font-size-07) !important;
line-height: var(--line-height-06) !important;
color: var(--neutral-90);
padding: var(--spacing-04) 0 var(--spacing-04) var(--spacing-06) !important;
// customize open/close quote placement.
// Otherwise, close is after footer and before is above quote
&:before,
&:after {
content: none;
}
.quote {
&:before {
content: open-quote;
}
&:after {
content: close-quote;
}
}
footer {
.heading-xs();
color: var(--neutral-70);
font-weight: 400;
margin: var(--spacing-09) 0 0 0;
padding: 0;
}
.quote-link {
margin-top: var(--spacing-05);
}
}