Skip to content

Instantly share code, notes, and snippets.

@jnf

jnf/emoji-list.scss

Created July 11, 2017 03:55
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 jnf/6c93511587c0ffd3f448c297da907437 to your computer and use it in GitHub Desktop.
Save jnf/6c93511587c0ffd3f448c297da907437 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
emoji-list.scss
html { font-size: 50px; }
$emoji: ☝, ✌, 💅, 🖖, 🖐;
ol {
list-style-type: none;
margin: 1rem;
}
li {
&:before {
display: inline-block;
margin: 0 0.25rem;
}
@for $i from 1 through length($emoji) {
&:nth-of-type(#{$i}):before {
content: "#{nth($emoji, $i)}";
}
}
}
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Emoji List!</title>
<link rel="stylesheet" href="emoji-list.css">
</head>
<body>
<ol>
<li>Raquel</li>
<li>Rosa</li>
<li>TJ</li>
<li>Maxwell</li>
<li>Biscuit</li>
</ol>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment