Skip to content

Instantly share code, notes, and snippets.

@princessruthie
Last active July 10, 2017 20:30
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 princessruthie/05c6fac48588485f502e64787249ee54 to your computer and use it in GitHub Desktop.
Save princessruthie/05c6fac48588485f502e64787249ee54 to your computer and use it in GitHub Desktop.
zocial before
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Whatever</title>
<style>
@import url(http://weloveiconfonts.com/api/?family=zocial);
[class^="zocial-"]::before {
display: inline-block;
font-family: 'zocial', sans-serif;
text-shadow: 3px 3px 3px #aaa;
width: 20vw;
}
body {
font-family: 'Roboto Condensed';
margin: 20vh 0;
}
li {
font-size: 10vw;
list-style: none;
margin: 3vw 0;
padding-left: 100px;
}
</style>
</head>
<body>
<li class="zocial-twitter">Twitter</li>
<li class="zocial-flickr">Flicker</li>
<li class="zocial-lastfm">Last.fm</li>
<li class="zocial-reddit">Reddit</li>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment