Skip to content

Instantly share code, notes, and snippets.

@schadeck

schadeck/dabblet.css

Created January 31, 2012 15:19
Show Gist options
  • Save schadeck/1711029 to your computer and use it in GitHub Desktop.
Save schadeck/1711029 to your computer and use it in GitHub Desktop.
Download ZIP
Blockquote using :before and :after v1: float
Raw
dabblet.css
/**
* Blockquote using :before and :after v1: float
*/
blockquote {
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 50px;
}
blockquote:before {
color: #ccc;
display: block;
font-size: 500%;
content: '\201C';
float: left;
margin:0 0 0 -50px;
}
blockquote:after {
color: #ccc;
display: block;
font-size: 500%;
content: '\201D';
float: right;
margin:-50px -50px 0 0;
}
p {
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<blockquote>
<p>Let's Place Some Content Here... Quinoa cliche pitchfork beard. Mustache master cleanse cosby sweater trust fund single-origin coffee, +1 vinyl hoodie before they sold out chambray aesthetic. Cardigan mustache stumptown, vice skateboard messenger bag brooklyn wes anderson marfa fixie dreamcatcher shoreditch salvia. 8-bit DIY keffiyeh PBR, cardigan photo booth +1 freegan retro skateboard banksy.</p>
</blockquote>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment