Skip to content

Instantly share code, notes, and snippets.

@sabernhardt
Created October 16, 2023 19:15
Show Gist options
  • Save sabernhardt/5d188c43961399d90b7324abcffd7d23 to your computer and use it in GitHub Desktop.
Save sabernhardt/5d188c43961399d90b7324abcffd7d23 to your computer and use it in GitHub Desktop.
Pullquote blocks
<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>Pullquote with standard font options</p><cite>Styles were applied to the paragraph.<br><code>font-family: var(--<code>pull</code>quote--font-family) = -apple-system, etc.<br>font-size: var(--pullquote--font-size) = 2rem on larger screens<br>font-style: var(--pullquote--font-style) = normal<br>font-weight: 700<br>letter-spacing: var(--pullquote--letter-spacing) = normal<br>line-height: var(--pullquote--line-height) = 1.3</code></cite></blockquote></figure>
<!-- /wp:pullquote -->
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"italic","fontWeight":"300","letterSpacing":"1px","lineHeight":"2","textTransform":"uppercase"}},"fontSize":"extra-large"} -->
<figure class="wp-block-pullquote has-extra-large-font-size" style="font-style:italic;font-weight:300;letter-spacing:1px;line-height:2;text-transform:uppercase"><blockquote><p>Pullquote with multiple custom font options</p><cite>Font size: Extra large (2.5rem)<br>Appearance: Light Italic<br>Line height: 2<br>Letter spacing: 1 px<br>Letter case: Uppercase</cite></blockquote></figure>
<!-- /wp:pullquote -->
<!-- wp:pullquote {"style":{"typography":{"textDecoration":"underline"}}} -->
<figure class="wp-block-pullquote" style="text-decoration:underline"><blockquote><p>Pullquote with custom text decoration</p><cite>Text Decoration: Underline</cite></blockquote></figure>
<!-- /wp:pullquote -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment