LeaVerou/dabblet.css

## dabblet.css
/**
 * CSS variables test
 */

html { background: red }

@supports (--variables: yes) { /* any variable and any value works */
	/* Code here will only be applied in CSS variable-supporting UAs */
	html {
		background: green;
	}
}

## 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"}
	/**
	* CSS variables test
	*/

	html { background: red }

	@supports (--variables: yes) { /* any variable and any value works */
	/* Code here will only be applied in CSS variable-supporting UAs */
	html {
	background: green;
	}
	}