Added option for Xing social media icon
This commit is contained in:
parent
7c387c5541
commit
5fbb1c6bea
10 changed files with 52 additions and 8 deletions
|
@ -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="&#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>
|
||||
|
|
Reference in a new issue