Created
January 31, 2011 22:07
-
-
Save danott/804935 to your computer and use it in GitHub Desktop.
Use CSS's :after pseudo-selector to insert hexadecimal values of html entities into the document. Less markup. More awesome.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Daniel Ott | |
* entities.css | |
* 31 January 2011 | |
* | |
* Adding arrows to thinks makes them more clickable. Right? | |
* Use CSS's :after pseudo-selector to insert hexadecimal values | |
* of html entities into the document. Less markup. More awesome. | |
*/ | |
.add-an-arrow:after { | |
content:'\00a0\25b8'; /* ▸ in Hexadecimal */ | |
} | |
/*----------------------------------------------- | |
A cheat sheet of entities I've used | |
------------------------------------------------- | |
Entity Hexcode Description | |
\00a0 A space | |
◀ \25c0 Left arrow with no tail. | |
▸ \25b8 Right arrow with no tail. | |
▾ \25be Down arrow with no tail. | |
← \2190 Left arrow with a tail. | |
→ \2192 Right arrow with a tail. | |
-----------------------------------------------*/ |
Thanks so much.
If you want an up arrow with no tail:
Entity Hexcode Description
▲ \25b4 Up arrow with no tail.
http://stackoverflow.com/questions/23230580/what-is-the-up-pointing-version-of-u25be
This is great. Exactly what I needed
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Lovely, thanks for this.