CSS toolbar spacing using Flex

dabblet.css

/**
 * CSS toolbar spacing using Flex
 */

* {
	padding: 0;
	margin: 0;
}

.row {
	display: flex;
	margin: 1em;
	padding: 1em;
	outline: 1px dashed crimson;
}

.cell {
	outline: 1px dashed mediumseagreen;
	padding: 1em;
}

.cell.separator {
	flex-grow: 1;
}

dabblet.html

<div class="row">
	<div class="cell">One</div>
	<div class="cell">Two</div>
	<div class="cell">Three</div>
	<div class="cell">Four</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}