Skip to content

Instantly share code, notes, and snippets.

@plindberg

plindberg/dabblet.css

Created May 3, 2012 14:06
Show Gist options
  • Save plindberg/2585877 to your computer and use it in GitHub Desktop.
Save plindberg/2585877 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
#ow {
width: 100%;
}
#w {
width: 50%;
max-width: 500px;
overflow-y: hidden;
overflow-x: scroll;
border: 1px solid red;
white-space: nowrap;
letter-spacing: -0.31em;
margin: 0 auto;
}
.i {
width: 100px;
height: 40px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
border-left:1px solid;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id=ow>
<div id=w>
<div class=i></div>
<div class=i></div>
<div class=i></div>
<div class=i></div>
<div class=i></div>
<div class=i></div>
<div class=i></div>
<div class=i></div>
</div>
</div>
Raw
settings.json
{"view":"split","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