Skip to content

Instantly share code, notes, and snippets.

@schadeck

schadeck/dabblet.css

Created January 31, 2012 15:27
Show Gist options
  • Save schadeck/1711066 to your computer and use it in GitHub Desktop.
Save schadeck/1711066 to your computer and use it in GitHub Desktop.
Download ZIP
Blockquote using :before and :after v2: absolute
Raw
dabblet.css
/**
* Blockquote using :before and :after v2: absolute
*/
blockquote {
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 50px;
position: relative;
}
blockquote:before {
color: #ccc;
display: block;
font-size: 500%;
content: '\201C';
position: absolute;
height: 40px;
top: 0;
left: 0;
}
blockquote:after {
color: #ccc;
display: block;
font-size: 500%;
content: '\201D';
position: absolute;
height: 40px;
bottom: 12px;
right: 0;
}
p {
padding: 0;
margin: 1em
}
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