Skip to content

Instantly share code, notes, and snippets.

@cherrypj
Forked from chriscoyier/dabblet.css
Created January 8, 2012 13:56
Show Gist options
  • Save cherrypj/1578431 to your computer and use it in GitHub Desktop.
Save cherrypj/1578431 to your computer and use it in GitHub Desktop.
Based on email I got from andrea ricci
/* Based on email I got from andrea ricci */
a[href^="mailto:"]:before { content: "\2709"; }
.phone:before { content: "\2706"; }
.important:before { content: "\27BD"; }
blockquote:before { content: "\275D"; }
blockquote:after { content: "\275E"; }
.alert:before { content: "\26A0"; }
:before, :after {
color: purple;
}
p, blockquote {
margin: 20px;
}
body, a {
color: #333;
text-decoration: none;
font-size: 21px;
}
<p>
<a href="mailto:chriscoyier@gmail.com">
chriscoyier@gmail.com
</a>
</p>
<p class="phone">
555-555-5555
</p>
<p class="important">
REMEMBER: drink slushies too fast.
</p>
<blockquote>
Designers tend to whisper, ad agencies tend to shout.
</blockquote>
<p class="alert">
Stranger Danger!
<p>
{"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