Mini Shell
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>social-logos</title>
<style>
body {
margin:0;
padding:10px 20px;
background:#fff;
color:#222;
}
h1, div, footer {
font-family:"Helvetica Neue", Arial, sans-serif;
}
h1 {
margin:0 0 20px;
font-size:32px;
font-weight:normal;
}
.icons {
margin-bottom:40px;
-webkit-column-count:5;
-moz-column-count:5;
column-count:5;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}
.icons__item,
.icons__item i {
line-height:2em;
cursor:pointer;
overflow:hidden;
}
.icons__item:hover {
color:#3c90be;
}
.icons__item i {
display:inline-block;
width:32px;
text-align:center;
}
.icons__item:hover i {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
footer {
margin-top:40px;
font-size:14px;
color:#999;
}
/* Generated by grunt-webfont */
@font-face {
font-family:"social-logos";
src: url(data:application/octet-stream;base64,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) format('woff2');
font-weight:normal;
font-style:normal;
}
.social-logo {
font-family:"social-logos";
display:inline-block;
vertical-align:middle;
line-height:1;
font-weight:normal;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* Icons */
.social-logo__amazon:before {
content:"\f600";
}
.social-logo__behance:before {
content:"\f101";
}
.social-logo__blogger-alt:before {
content:"\f601";
}
.social-logo__blogger:before {
content:"\f602";
}
.social-logo__codepen:before {
content:"\f216";
}
.social-logo__dribbble:before {
content:"\f201";
}
.social-logo__dropbox:before {
content:"\f225";
}
.social-logo__eventbrite:before {
content:"\f603";
}
.social-logo__facebook:before {
content:"\f203";
}
.social-logo__feed:before {
content:"\f413";
}
.social-logo__flickr:before {
content:"\f211";
}
.social-logo__foursquare:before {
content:"\f226";
}
.social-logo__ghost:before {
content:"\f61c";
}
.social-logo__github:before {
content:"\f200";
}
.social-logo__google-alt:before {
content:"\f102";
}
.social-logo__google-plus-alt:before {
content:"\f218";
}
.social-logo__google-plus:before {
content:"\f206";
}
.social-logo__google:before {
content:"\f103";
}
.social-logo__instagram:before {
content:"\f215";
}
.social-logo__link:before {
content:"\f109";
}
.social-logo__linkedin:before {
content:"\f207";
}
.social-logo__mail:before {
content:"\f410";
}
.social-logo__mastodon:before {
content:"\f10a";
}
.social-logo__medium-alt:before {
content:"\f106";
}
.social-logo__medium:before {
content:"\f623";
}
.social-logo__patreon:before {
content:"\f105";
}
.social-logo__pinterest-alt:before {
content:"\f210";
}
.social-logo__pinterest:before {
content:"\f209";
}
.social-logo__pocket:before {
content:"\f224";
}
.social-logo__polldaddy:before {
content:"\f217";
}
.social-logo__print:before {
content:"\f469";
}
.social-logo__reddit:before {
content:"\f222";
}
.social-logo__share:before {
content:"\f415";
}
.social-logo__skype:before {
content:"\f220";
}
.social-logo__spotify:before {
content:"\f515";
}
.social-logo__squarespace:before {
content:"\f605";
}
.social-logo__stumbleupon:before {
content:"\f223";
}
.social-logo__telegram:before {
content:"\f606";
}
.social-logo__tiktok-alt:before {
content:"\f107";
}
.social-logo__tiktok:before {
content:"\f108";
}
.social-logo__tumblr-alt:before {
content:"\f607";
}
.social-logo__tumblr:before {
content:"\f214";
}
.social-logo__twitch:before {
content:"\f516";
}
.social-logo__twitter-alt:before {
content:"\f202";
}
.social-logo__twitter:before {
content:"\f610";
}
.social-logo__vimeo:before {
content:"\f212";
}
.social-logo__whatsapp:before {
content:"\f608";
}
.social-logo__woocommerce:before {
content:"\f104";
}
.social-logo__wordpress:before {
content:"\f205";
}
.social-logo__xanga:before {
content:"\f609";
}
.social-logo__youtube:before {
content:"\f213";
}
</style>
</head>
<body>
<h1>social-logos</h1>
<div class="icons" id="icons">
<div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div>
<div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div>
<div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div>
<div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div>
<div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div>
<div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div>
<div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div>
<div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div>
<div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div>
<div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div>
<div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div>
<div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div>
<div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div>
<div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div>
<div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div>
<div class="icons__item" data-name="google-plus-alt"><i class="social-logo social-logo__google-plus-alt"></i> social-logo__google-plus-alt</div>
<div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div>
<div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div>
<div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div>
<div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div>
<div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div>
<div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div>
<div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div>
<div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div>
<div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div>
<div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div>
<div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div>
<div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div>
<div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div>
<div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div>
<div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div>
<div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div>
<div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div>
<div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div>
<div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div>
<div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div>
<div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div>
<div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div>
<div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div>
<div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div>
<div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div>
<div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div>
<div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div>
<div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div>
<div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div>
<div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div>
<div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div>
<div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div>
<div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div>
<div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div>
<div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div>
</div>
<h1>Usage</h1>
<pre><code><i class="social-logo social-logo__<span id="name">name</span>"></i></code></pre>
<footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer>
<script>
(function() {
document.getElementById('icons').onclick = function(e) {
e = e || window.event;
var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name');
document.getElementById('name').innerHTML = name;
}
})();
</script>
</body>
</html>
</body>
</html>
Zerion Mini Shell 1.0