Shrink Elements

dabblet.css

/**
 * Shrink Elements
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
font-size: 16px;
line-height: 18px;
}

.footer {
	display: flex;
	margin: 10px 200px;
	background: green;
}

.item {
	padding: 2px 6px;
	max-height: 18px;
	overflow: hidden;
}

dabblet.html

<div class="footer">
	<div class="item">smile</div>
	<div class="item">cmnt action</div>
	<div class="item">share</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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