Skip to content

Instantly share code, notes, and snippets.

@zanderwar

zanderwar/ipb4-tags-badges-example.html

Created August 10, 2015 09:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zanderwar/9c9284a2a5e2a9cc0dfb to your computer and use it in GitHub Desktop.
Save zanderwar/9c9284a2a5e2a9cc0dfb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ipb4-tags-badges-example.html
<!-- TAGS -->
<span class='ipsTag_prefix'>I am a tag</span>
<div class='ipsTag_prefix'><span>I am another tag</span></div>
<div class='ipsTag_prefix'><span>I am the tag everybody speaks of!</span></div>
<!-- BADGES -->
<span class='ipsBadge ipsBadge_warning ipsBadge_large'>WARNING BADGE</span>
<span class='ipsBadge ipsBadge_positive ipsBadge_large'>POSITIVE BADGE</span>
<span class='ipsBadge ipsBadge_negative ipsBadge_large'>NEGATIVE BADGE</span>
<span class='ipsBadge ipsBadge_neutral ipsBadge_large'>NEUTRAL BADGE</span>
<span class='ipsBadge ipsBadge_intermediary ipsBadge_large'>INTERMEDIARY BADGE</span>
<!-- BADGE ICONS -->
<span class='ipsBadge ipsBadge_positive ipsBadge_large ipsBadge_icon'>i</span>
<span class='ipsBadge ipsBadge_negative ipsBadge_large ipsBadge_icon'>c</span>
<span class='ipsBadge ipsBadge_neutral ipsBadge_large ipsBadge_icon'>o</span>
<span class='ipsBadge ipsBadge_intermediary ipsBadge_large ipsBadge_icon'>n</span>
<!-- BADGE SIZES -->
<span class='ipsBadge ipsBadge_neutral ipsBadge_normal'>.ipsBadge_normal</span>
<span class='ipsBadge ipsBadge_positive ipsBadge_medium'>.ipsBadge_medium</span>
<span class='ipsBadge ipsBadge_negative ipsBadge_large'>.ipsBadge_large</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment