joshhumble · December 4, 2012 19:12
diff --git a/dabblet.css b/dabblet.css
 /**
 * The Box-Ordinal-Group and Flexbox
 */
 
 .box {
 	overflow:hidden;
 	display:box;
 	display:-ms-box;
 	display:-moz-box;
 	display:-webkit-box;
 	}
 .one {
 	background:red;
 	box-ordinal-group:4;
 	-ms-box-ordinal-group:4;
 	-moz-box-ordinal-group:4;
 	-webkit-box-ordinal-group:4;
 	}
 	
 .two {background:green;
 	box-ordinal-group:2;
 	-ms-box-ordinal-group:2;
 	-moz-box-ordinal-group:2;
 	-webkit-box-ordinal-group:2;
 	}
 .three {
 	background:blue; 	
 	box-ordinal-group:3;
 	-ms-box-ordinal-group:3;
 	-moz-box-ordinal-group:3;
 	-webkit-box-ordinal-group:3;
 	}
 .four 
 	{
 	background:grey; 	
 	box-ordinal-group:1;
 	-ms-box-ordinal-group:1;
 	-moz-box-ordinal-group:1;
 	-webkit-box-ordinal-group:1;
 	}

diff --git a/dabblet.html b/dabblet.html
 <body>
 	<div class="box">
 		<div class="one">Hello!</div>
 		<div class="two">Hello!</div>
 		<div class="three">Hello!</div>
 		<div class="four">Hello!</div>
 	</div>
 </body>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The Box-Ordinal-Group and Flexbox
	*/

	.box {
	overflow:hidden;
	display:box;
	display:-ms-box;
	display:-moz-box;
	display:-webkit-box;
	}
	.one {
	background:red;
	box-ordinal-group:4;
	-ms-box-ordinal-group:4;
	-moz-box-ordinal-group:4;
	-webkit-box-ordinal-group:4;
	}

	.two {background:green;
	box-ordinal-group:2;
	-ms-box-ordinal-group:2;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	}
	.three {
	background:blue;
	box-ordinal-group:3;
	-ms-box-ordinal-group:3;
	-moz-box-ordinal-group:3;
	-webkit-box-ordinal-group:3;
	}
	.four
	{
	background:grey;
	box-ordinal-group:1;
	-ms-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	}