WordPress/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss

82 lines
1.6 KiB
SCSS
Raw Normal View History

blockquote {
padding: 0;
position: relative;
margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
> * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
p {
letter-spacing: var(--heading--letter-spacing-h4);
font-family: var(--quote--font-family);
font-size: var(--quote--font-size);
font-style: var(--quote--font-style);
font-weight: var(--quote--font-weight);
line-height: var(--quote--line-height);
}
cite,
footer {
font-weight: normal;
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
&.alignleft,
&.alignright {
padding-left: inherit;
p {
font-size: var(--heading--font-size-h5);
max-width: inherit;
width: inherit;
}
cite,
footer {
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
}
strong {
font-weight: var(--quote--font-weight-strong);
}
&:before {
content: "\201C";
font-size: var(--quote--font-size);
line-height: var(--quote--line-height);
position: absolute;
left: calc(-0.5 * var(--global--spacing-horizontal));
}
.wp-block-quote__citation,
cite,
footer {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
font-style: var(--quote--font-style-cite);
}
@include media(mobile-only) {
padding-left: calc(0.5 * var(--global--spacing-horizontal));
&:before {
left: 0;
}
}
}