LeaVerou · May 31, 2017 15:36
diff --git a/dabblet.css b/dabblet.css
 /**
 * Diagonally colored text, with fallback
 * Inspired from http://servicedesigndays.com/
 */

 h1 {
 	max-width: 4.5em;
 	font: bold 300%/1 Helvetica Neue, sans-serif;
 	color: white;
 }

 @supports (-webkit-background-clip: text) {
 	h1 {
 		color: transparent;
 		background: linear-gradient(315deg, #262350 50%, white 0);
 		-webkit-background-clip: text;
 	}
 }

 body {
 	background: #00EDFF
 }
diff --git a/dabblet.html b/dabblet.html
 <h1>SERVICE DESIGN DAYS</h1>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"110","seethrough":"","prefixfree":"","page":"css"}
	/**
	* Diagonally colored text, with fallback
	* Inspired from http://servicedesigndays.com/
	*/

	h1 {
	max-width: 4.5em;
	font: bold 300%/1 Helvetica Neue, sans-serif;
	color: white;
	}

	@supports (-webkit-background-clip: text) {
	h1 {
	color: transparent;
	background: linear-gradient(315deg, #262350 50%, white 0);
	-webkit-background-clip: text;
	}
	}

	body {
	background: #00EDFF
	}