Skip to content

Instantly share code, notes, and snippets.

@pbroschwitz

pbroschwitz/dabblet.css

Forked from LeaVerou/dabblet.css
Created June 20, 2014 14:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pbroschwitz/749394bae6b3ffa96d00 to your computer and use it in GitHub Desktop.
Save pbroschwitz/749394bae6b3ffa96d00 to your computer and use it in GitHub Desktop.
Download ZIP
Test for rebeccapurple, honoring Eric Meyer’s Daughter, Rebecca.
Raw
dabblet.css
/**
* Test for rebeccapurple, honoring Eric Meyer’s Daughter, Rebecca.
* Currently works in WebKit nightlies, other implementations soon to follow.
*/
background: red;
background: rebeccapurple;
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
text-align: center;
font: 300% Helvetica Neue, sans-serif;
color: white;
text-shadow: 0 -.05em .1em rgba(0,0,0,.3);
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
dabblet.js
var html = document.documentElement;
document.body.innerHTML = 'rebeccapurple ' +
(getComputedStyle(html).backgroundColor === 'rgb(102, 51, 153)'? '<strong>is</strong> supported!' : 'is not supported :(')
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