manbearwolf/Grey Blockquote.css

Created December 3, 2016 20:07

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/manbearwolf/c313c042d0b91bef836c53c5b075685b.js"></script>
Save manbearwolf/c313c042d0b91bef836c53c5b075685b to your computer and use it in GitHub Desktop.

Download ZIP

Grey Blockquote https://www.bloggingbasics101.com/how-do-i-make-s/

Raw

Grey Blockquote.css

<blockquote style="border: 2px solid #666; padding: 10px; background-color: #ccc;"> This is some quoted text.</blockquote>

Author

manbearwolf commented Dec 29, 2016 •

edited

Loading

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment