Skip to content

Instantly share code, notes, and snippets.

@vibby

vibby/dabblet.css

Created February 18, 2016 18:55
Show Gist options
  • Save vibby/5527b60d3035b7d27490 to your computer and use it in GitHub Desktop.
Save vibby/5527b60d3035b7d27490 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
*/
html::after { background: rgba(0, 0, 0, .8); background: -moz-linear-gradient(top, #911 0%, #911 31%, Gold 32%, Gold 49%, RoyalBlue 50%, RoyalBlue 70%, OliveDrab 71%, OliveDrab 100%); background: -webkit-linear-gradient(top, #911 0%,#911 31%,Gold 32%,Gold 49%,RoyalBlue 50%,RoyalBlue 70%,OliveDrab 71%,OliveDrab 100%); background: linear-gradient(to bottom, #911 0%,#911 31%,Gold 32%,Gold 49%,RoyalBlue 50%,RoyalBlue 70%,OliveDrab 71%,OliveDrab 100%); border: 5px solid #fff; border-radius: 5px; bottom: 1em; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3); color: #fff; content: "Erreurs" ": " counter(error) "\a" "Avertissements" ": " counter(warning) "\a" "Obsolètes" ": " counter(obsolete) "\a" "Conseils" ": " counter(advice); font: 700 1.2rem/1.5 "Arial", "Nimbus Sans L", sans-serif; left: 1em; padding: .75em 1em; position: fixed; right: auto; text-shadow: 1px 1px #000; top: auto; white-space: pre; z-index: 2147483647;}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
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