Skip to content

Instantly share code, notes, and snippets.

@justinhough
Created October 11, 2015 06:19
Show Gist options
  • Select an option

  • Save justinhough/dcd61aa56c2acd5b13cc to your computer and use it in GitHub Desktop.

Select an option

Save justinhough/dcd61aa56c2acd5b13cc to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ol>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
// ----
// libsass (v3.2.5)
// ----
ul, ol {
font-family: helvetica neue, helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
padding-left: 22px;
list-style: none;
counter-reset: li;
margin-top: 5px;
margin-left: 0;
}
ul li:before {
color: #CCC;
content: '*';
counter-increment: li;
font-weight: normal;
margin: 0;
padding-right: 5px;
}
ol li:before {
border-right: 1px solid #CCC;
color: #CCC;
content: counter(li);
counter-increment: li;
font-weight: normal;
margin-right: 5px;
padding-right: 5px;
}
ul, ol {
font-family: helvetica neue, helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
padding-left: 22px;
list-style: none;
counter-reset: li;
margin-top: 5px;
margin-left: 0;
}
ul li:before {
color: #CCC;
content: '*';
counter-increment: li;
font-weight: normal;
margin: 0;
padding-right: 5px;
}
ol li:before {
border-right: 1px solid #CCC;
color: #CCC;
content: counter(li);
counter-increment: li;
font-weight: normal;
margin-right: 5px;
padding-right: 5px;
}
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ol>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment