Skip to content

Instantly share code, notes, and snippets.

@DeviaVir

DeviaVir/dabblet.css

Created February 1, 2012 18:18
Show Gist options
  • Save DeviaVir/1718442 to your computer and use it in GitHub Desktop.
Save DeviaVir/1718442 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
*/
body {
background-color: #ddd;
}
.parent {
width: auto;
display: block;
box-shadow: 0 0 2px rgba( 0, 0, 0, 0.3 );
height: 150px;
}
pre {
font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 200;
cursor: text;
display: block;
width: auto;
padding: 10px;
margin: 0;
height: 130px;
}
em {
background-color: green;
padding: 3px;
margin: -3px;
border-radius: 10px;
color: white;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="parent">
<pre class="text" contenteditable>hi? <em>hi</em></pre>
</div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment