Last active
July 10, 2017 20:30
-
-
Save princessruthie/05c6fac48588485f502e64787249ee54 to your computer and use it in GitHub Desktop.
zocial before
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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