Bottom margin/padding double ups

dabblet.css

/**
 * Bottom margin/padding double ups
 */
 
h2 {
	margin: 0 0 15px 0;
}

p {
	margin: 0 0 15px 0;
}

.column {
	background: #eee;
}

.field {
	padding: 15px;
	background: #ddd;
	outline: 1px dashed red;
}

.component {
	background: #bbb;
}

.last {
	margin-bottom: 0;
}

dabblet.html

<div class="column">
	<div class="field">
		<div class="component">
			<h2>Component Heading</h2>
			<p class="last">Component body</p>
		</div>
	</div>
	<div class="field">
		<div class="component">
			<h2>Component Heading</h2>
			<p class="last">Component body</p>
		</div>
	</div>
	<div class="field">
		<div class="component">
			<h2>Component Heading</h2>
			<p class="last">Component body</p>
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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