Skip to content

Instantly share code, notes, and snippets.

@LeaVerou

LeaVerou/dabblet.css

Created June 20, 2014 09:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save LeaVerou/69fee57c26b73996b53f to your computer and use it in GitHub Desktop.
Save LeaVerou/69fee57c26b73996b53f 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 & Firefox 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