I've been wanting to be able to do quote posts like this since I started seeing them on MG Seigler's blog. I originally thought that he was creating images of white text against a black background and then posting the image as the body of his post. But upon closer inspection, I saw that the body was actually large white text against a black background. Which makes sense, since you don't want your quote text to be tiny on a small screen.
This post by Greg Sargent (great name) helped point me in the right right direction for creating a similar style on my blog. Apparently, I've been quoting incorrectly this entire time - using using quote blocks where I should have been using blockquotes (how embarrassing!). Luckily for me, I don't have a ton of content on my blog, so I was able to go back and fix all my past quotes so that I had a sturdy quote foundation going forward.
So now when I want to quote a part of an article in order to comment on it, I use the quoteblock by selecting the quote style from the styles dropdown (using shift+return for line breaks that don't create new text blocks):
Inception!
And when I want a quote to be the body of a post (because it's inspirational or badass), I use the quote block:
Annotation!
And for the sake of completeness, this is the custom css that i'm using on these quote blocks:
.sqs-block-quote blockquote {
border-width: 0;
background-color: black;
padding-top:20px;
padding-bottom:20px;
padding-right:20px;
font-size:30px;
line-height:40px;
color:white;
border-radius:5px;
}Hopefully that helps somebody out.