Named Pages - Print style sheets

dabblet.css

/**
 * Named Pages - Print style sheets
 */

@page narrow {
	size: 9cm 18cm;
}
@page rotated {
	size: landscape;
}
div {
	page: narrow;
}
table {
	page: rotated;
}

dabblet.html

<div>
<table>
	<thead>
		<tr>
			<th>Cray seitan</th>
			<th>put a bird</th>
			<th>on it semiotics</th>
			<th>ea, disrupt</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>pickled cosby</td>
			<td>sweater freegan</td>
			<td>bushwick fanny</td>
			<td>pack messenger</td>
		</tr>
		<tr>
			<td>bag cillum magna nisi velit</td>
			<td>in. Organic voluptate marfa, veniam</td>
			<td>chillwave truffaut batch DIY</td>
			<td>A cred viral cliche. Small</td>
		</tr>
		<tr>
			<td>excepteur lomo. Intelligentsia banjo</td>
			<td>exercitation sed. Umami cupidatat</td>
			<td>viral leggings nisi</td>
			<td>sustainable exercitation. Wolf yr</td>
		</tr>
	</tbody>
</table>
	<p>Cray seitan put a bird on it semiotics ea, disrupt pickled cosby sweater freegan bushwick fanny pack messenger bag cillum magna in. Organic chillwave truffaut cred viral cliche. Small batch DIY voluptate marfa, veniam nisi velit excepteur lomo. Intelligentsia banjo exercitation sed. Umami cupidatat viral leggings nisi sustainable exercitation. Wolf yr disrupt next level, ugh do cardigan voluptate street art vero cosby sweater letterpress. Exercitation forage tumblr disrupt, 8-bit mlkshk blue bottle trust fund ex consequat kogi chambray PBR wayfarers.</p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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