Skip to content

Instantly share code, notes, and snippets.

@Chrisedmo

Chrisedmo/dabblet.css

Forked from desandro/dabblet.css
Created January 12, 2012 17:34
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 Chrisedmo/1601940 to your computer and use it in GitHub Desktop.
Save Chrisedmo/1601940 to your computer and use it in GitHub Desktop.
Download ZIP
Nice way to scale and show predefined images / ads etc
Raw
dabblet.css
/**
* Nice way to scale and show predefined images / ads etc
*/
ul {
border: 3px dotted;
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
li {
border: 1px solid red;
width: 100px;
height: 100px;
background: hsla( 0, 100%, 50%, 0.1 );
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment