Skip to content

Instantly share code, notes, and snippets.

@jonathansousa

jonathansousa/dabblet.css

Created August 7, 2012 18:48
Show Gist options
  • Save jonathansousa/3288257 to your computer and use it in GitHub Desktop.
Save jonathansousa/3288257 to your computer and use it in GitHub Desktop.
Download ZIP
Column/Background Bug Test
Raw
dabblet.css
/**
* Column/Background Bug Test
*/
ul {
-moz-column-count: 2;
-moz-column-gap: 5px;
-webkit-column-count: 2;
-webkit-column-gap: 5px;
column-count: 2;
column-gap: 5px;
width:360px;
margin-left:270px;
}
li {
position:relative;
padding-left:20px;
background:none;
display:inline-block;
min-height:0;
width:100%;
clear:none;
background:blue url('https://jolitics.com/static/img/b_checkmark_green.png') 0 0 no-repeat;
font-size:0.9em;
}
li.incomplete {
background-position:-1px -1px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul>
<li>Sample Item 1</li>
<li>Sample Item 2</li>
<li>Sample Item 3</li>
<li class="incomplete">Sample Item 4</li>
<li>Sample Item 5</li>
<li>Sample Item 6</li>
</ul>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment