LeaVerou/dabblet.css

## dabblet.css
/**
 * Invalid custom property values
 */

@property --foo {
	syntax: "red | orange";
	initial-value: red;
	inherits: false;
}
html { --foo: green }
body {
	--foo: 42deg;
	background: linear-gradient(pink 1em, transparent 0) var(--foo, yellow);
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Invalid custom property values
	*/

	@property --foo {
	syntax: "red \| orange";
	initial-value: red;
	inherits: false;
	}
	html { --foo: green }
	body {
	--foo: 42deg;
	background: linear-gradient(pink 1em, transparent 0) var(--foo, yellow);
	}