Skip to content

Instantly share code, notes, and snippets.

@fuchao2012

fuchao2012/dabblet.css

Last active August 26, 2016 10:32
Show Gist options
  • Save fuchao2012/07ea19369f1df84b1219c743232376e6 to your computer and use it in GitHub Desktop.
Save fuchao2012/07ea19369f1df84b1219c743232376e6 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
*/
.container{
background:green;
}
.red{
margin:0 auto;
margin-top:20vh;
width:30vw;
height:50vh;
background:#58a linear-gradient(hsla(0,0%,100%,.2),#53a);
border:10px hsla(0,0%,100%,.5) solid;
background-clip:border-box;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="container">
<div class='red'></div>
</div>
Raw
dabblet.js
// alert('Hello world!');
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