Skip to content

Instantly share code, notes, and snippets.

@ffoodd

ffoodd/dabblet.css

Forked from vibby/dabblet.css
Created March 17, 2016 14:29
Show Gist options
  • Save ffoodd/948bef8e007b706926d9 to your computer and use it in GitHub Desktop.
Save ffoodd/948bef8e007b706926d9 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-color: rgba(0, 0, 0, .8);
background-image:
linear-gradient(
to bottom,
transparent,
transparent 1.4em,
#911 1.4em,
#911 1.6em,
transparent 1.6em,
transparent 2.9em,
Gold 2.9em,
Gold 3.1em,
transparent 3.1em,
transparent 4.4em,
RoyalBlue 4.4em,
RoyalBlue 4.6em,
transparent 4.6em,
transparent 5.9em,
OliveDrab 5.9em,
OliveDrab 6.1em,
transparent 6.1em,
transparent 100%
);
background-size: 10px 100%;
background-repeat: no-repeat;
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