update header behaviour
This commit is contained in:
parent
cb52524885
commit
f4bfca193d
12 changed files with 286 additions and 148 deletions
|
@ -205,6 +205,7 @@
|
|||
.icon-star-outlined:before,
|
||||
.icon-thumbs-down:before,
|
||||
.icon-thumbs-up:before,
|
||||
.icon-tree:before,
|
||||
.icon-tumblr:before,
|
||||
.icon-twitter:before,
|
||||
.icon-upload-to-cloud:before,
|
||||
|
@ -271,6 +272,7 @@
|
|||
.icon-star-outlined:before { content: "\f129"; }
|
||||
.icon-thumbs-down:before { content: "\f12a"; }
|
||||
.icon-thumbs-up:before { content: "\f12b"; }
|
||||
.icon-tree:before { content: "\f134"; }
|
||||
.icon-tumblr:before { content: "\f12c"; }
|
||||
.icon-twitter:before { content: "\f12d"; }
|
||||
.icon-upload-to-cloud:before { content: "\f12e"; }
|
||||
|
@ -293,7 +295,7 @@
|
|||
<body class="characters-off">
|
||||
<div id="page" class="container">
|
||||
<header>
|
||||
<h1>iconfont contains 52 glyphs:</h1>
|
||||
<h1>iconfont contains 53 glyphs:</h1>
|
||||
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
|
||||
</header>
|
||||
|
||||
|
@ -883,6 +885,19 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glyph">
|
||||
<div class="preview-glyphs">
|
||||
<span class="step size-12"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></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-tree" />
|
||||
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf134;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glyph">
|
||||
<div class="preview-glyphs">
|
||||
<span class="step size-12"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span>
|
||||
|
|
Reference in a new issue