LeaVerou · June 20, 2014 09:22
diff --git a/dabblet.css b/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);
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
diff --git a/dabblet.js b/dabblet.js
 var html = document.documentElement;

 document.body.innerHTML = 'rebeccapurple ' +
                 (getComputedStyle(html).backgroundColor === 'rgb(102, 51, 153)'? '<strong>is</strong> supported!' : 'is not supported :(')
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"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);
	var html = document.documentElement;

	document.body.innerHTML = 'rebeccapurple ' +
	(getComputedStyle(html).backgroundColor === 'rgb(102, 51, 153)'? '<strong>is</strong> supported!' : 'is not supported :(')