1
0
Fork 0

Added option for Xing social media icon

This commit is contained in:
gunharth 2015-04-15 23:20:20 +02:00
parent 7c387c5541
commit 5fbb1c6bea
10 changed files with 52 additions and 8 deletions

View file

@ -212,6 +212,7 @@
.icon-video:before,
.icon-vimeo:before,
.icon-warning:before,
.icon-xing:before,
.icon-youtube:before {
display: inline-block;
font-family: "iconfont";
@ -279,6 +280,7 @@
.icon-video:before { content: "\f12f"; }
.icon-vimeo:before { content: "\f130"; }
.icon-warning:before { content: "\f131"; }
.icon-xing:before { content: "\f135"; }
.icon-youtube:before { content: "\f132"; }
</style>
@ -295,7 +297,7 @@
<body class="characters-off">
<div id="page" class="container">
<header>
<h1>iconfont contains 53 glyphs:</h1>
<h1>iconfont contains 54 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header>
@ -976,6 +978,19 @@
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-xing" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span>