Syntax highlighting test

dabblet.css

/**
 * Syntax highlighting test
 */

@media screen {
	body { background: silver; }
}

html, body { height: 100% }

body:not(.foo):not(#id) {
	background: #f06;
	background: linear-gradient(45deg, yellow, #f06);
	height:100% !important;
}

dabblet.html

<!-- HTML comment -->
<p class="foo" id='bar' data-boolean data-unquoted=foo>Test test testes</p>
<ul>
	<li>foo</li>
	<li>bar</li>
</ul>
<!-- HTML
    multiline
    comment -->

markup.html

<!-- HTML comment -->
<p class="foo" id='bar' data-boolean data-unquoted=foo>Test test testes</p>
<ul>
	<li>foo</li>
	<li>bar</li>
</ul>
<!-- HTML
    multiline
    comment -->

settings.json

{"page":"css","view":"separate"}

style.css

/**
 * Syntax highlighting test
 */

@media screen {
	body { background: silver; }
}

html, body { height: 100% }

body:not(.foo):not(#id) {
	background: #f06;
	background: linear-gradient(45deg, yellow, #f06);
	height:100%;
}