mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-29 22:53:31 -05:00
8d63d56a6f
[web] Add new quote option to CMS GitOrigin-RevId: 5c66620eb755fc9af9c8ba22d64ff969c5c140ca
97 lines
2.1 KiB
Text
97 lines
2.1 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;
|
|
}
|
|
}
|
|
}
|
|
|
|
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);
|
|
}
|
|
}
|