You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
2.1 KiB
SCSS
111 lines
2.1 KiB
SCSS
8 months ago
|
.wp-block-pullquote {
|
||
|
|
padding: calc(2 * var(--global--spacing-unit)) 0;
|
||
|
|
text-align: center;
|
||
|
|
border-width: var(--pullquote--border-width);
|
||
|
|
border-bottom-style: solid;
|
||
|
|
border-top-style: solid;
|
||
|
|
color: currentColor;
|
||
|
|
border-color: currentColor;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
blockquote::before {
|
||
|
|
color: currentColor;
|
||
|
|
content: "\201C";
|
||
|
|
display: block;
|
||
|
|
position: relative; // Override the absolute position.
|
||
|
|
left: 0;
|
||
|
|
font-size: 3rem;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
font-family: var(--pullquote--font-family);
|
||
|
|
font-size: var(--pullquote--font-size);
|
||
|
|
font-style: var(--pullquote--font-style);
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: var(--pullquote--letter-spacing);
|
||
|
|
line-height: var(--pullquote--line-height);
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wp-block-pullquote__citation,
|
||
|
|
cite,
|
||
|
|
footer {
|
||
|
|
color: currentColor;
|
||
|
|
display: block;
|
||
|
|
font-size: var(--global--font-size-xs);
|
||
|
|
font-style: var(--pullquote--font-style);
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Block Options
|
||
|
|
*/
|
||
|
|
&:not(.is-style-solid-color) {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.alignleft:not(.is-style-solid-color) {
|
||
|
|
|
||
|
|
blockquote:before,
|
||
|
|
cite {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.alignwide > p,
|
||
|
|
&.alignwide blockquote {
|
||
|
|
max-width: var(--responsive--alignwide-width);
|
||
|
|
}
|
||
|
|
|
||
|
|
&.alignfull:not(.is-style-solid-color) > p,
|
||
|
|
&.alignfull:not(.is-style-solid-color) blockquote {
|
||
|
|
padding: 0 calc(2 * var(--global--spacing-unit));
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-style-solid-color {
|
||
|
|
color: var(--pullquote--color-foreground);
|
||
|
|
padding: calc(2.5 * var(--global--spacing-unit));
|
||
|
|
border-width: var(--pullquote--border-width);
|
||
|
|
border-style: solid;
|
||
|
|
border-color: var(--pullquote--border-color);
|
||
|
|
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
padding: calc(5 * var(--global--spacing-unit));
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote::before {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote {
|
||
|
|
margin: 0;
|
||
|
|
max-width: inherit;
|
||
|
|
|
||
|
|
p {
|
||
|
|
font-size: var(--pullquote--font-size);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wp-block-pullquote__citation,
|
||
|
|
cite,
|
||
|
|
footer {
|
||
|
|
color: currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.alignleft,
|
||
|
|
&.alignright {
|
||
|
|
padding: var(--global--spacing-unit);
|
||
|
|
|
||
|
|
blockquote {
|
||
|
|
max-width: initial;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|