Testing CSS Toggle()

dabblet.css

/**
 * Testing CSS Toggle()
 */

/* Straight from the Spec
   http://dev.w3.org/csswg/css3-values/#toggle
*/
ul { list-style-type: disc; }
ul ul { list-style-type: toggle(disc, circle, square, box); }

dabblet.html

<h1>Testing CSS Toggle()</h1>

<p>According to the <a href="http://dev.w3.org/csswg/css3-values/#toggle">Spec</a> the list-style-types of the inner list should toggle between disc, circle, square and box</p>


<ul>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>This list-style should be disc
	<ul>
		<li>This list-style should be circle</li>
		<li>This list-style should be square</li>
		<li>This list-style should be box</li>
		<li>This list-style should be disc (again)</li>
		<li>This list-style should be circle</li>
		<li>Etc. (square)</li>
	</ul>
</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}