Skip to content

Instantly share code, notes, and snippets.

@frank-laemmer
Created August 22, 2014 15:57
Show Gist options
  • Save frank-laemmer/a16064f5b570e7917142 to your computer and use it in GitHub Desktop.
Save frank-laemmer/a16064f5b570e7917142 to your computer and use it in GitHub Desktop.
helper classes using :after to display icons using utf-8 special characters
/* utf-8 icon links */
/* by Frank Lämmer */
.play:after { content: '▸' }
.help:after { content: '?' }
.close:after { content: '×' }
.closebold:after { content: '✖' }
.external:after { content: '→';}
.more:after { content: '→';}
.next:after { content: '❯' }
.whitecircle:after { content: '○' }
.blackcircle:after { content: '●' }
.prev:after { content: '❮' }
.play:after { content: '▸' }
.dropdown:after { content: '▾' }
.dropup:after { content: '▴' }
.trendstable:after { content: '◀' }
.trendup:after { content: '▼' }
.trenddown:after { content: '▲' }
.done:after { content: '✔' }
.notdone:after { content: '✗' }
.notdonebold:after { content: '✘' }
.arrowstable:after { content: '←' }
.arrowup:after { content: '↖' }
.arrowdown:after { content: '↙' }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment