Full height element

dabblet.css

/**
 * Full height element
 */
 body {
 	padding: 0;
 	margin: 0;
 }
 
 .sidebar {
 	background-color: #eee;
 	border-right: 1px solid #cecece;
 	height: 100vh;
 	position: fixed;
 	top: 0;
 	width: 90px;
 }
 
 .main {
 	box-sizing: border-box;
 	margin-left: 90px;
 	padding: 1em 1.4em;
 	width: calc(100% - 90px);
 }
 
 ul {
 	padding: 1em 1.4em;
 	margin: 0;
 	text-align: center;
 }
 
 li {
 	list-style: none;
 }

dabblet.html

<div class="main">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec erat vitae sem faucibus pulvinar. Vestibulum nisl risus, laoreet eget euismod eget, tempor at nisl. Integer sed tortor lorem, a faucibus augue. Sed ut magna ipsum. In non sem quis libero facilisis suscipit id vel velit. Donec non quam rhoncus magna fringilla convallis. Ut sed faucibus diam. Quisque vitae tempus orci. Ut ornare semper erat, eu tincidunt dui sollicitudin laoreet. Aliquam nec tortor tellus. Duis facilisis massa malesuada dolor tincidunt at ornare nisi volutpat. Nunc diam mauris, rutrum sed elementum a, tincidunt at neque. Mauris gravida, elit lacinia sollicitudin varius, arcu massa dictum orci, ut feugiat sapien purus in nisi. Aenean et consectetur ipsum.Ut ac arcu ante. Proin et felis vitae arcu cursus ornare non nec nunc. Nunc blandit auctor sapien vitae luctus. Mauris tortor est, mollis sed blandit sed, posuere ut ipsum. Quisque interdum sagittis metus non mollis. Etiam mattis augue quis tortor mollis pulvinar. Aliquam posuere pulvinar porta. Praesent tortor mi, mollis id volutpat vel, dictum et magna. In non ligula eget diam mollis rhoncus malesuada bibendum erat. Etiam congue metus id nulla placerat in gravida augue ultrices. Fusce blandit, enim lobortis rhoncus commodo, ipsum massa vehicula nisi, consequat luctus nulla orci in dui. Curabitur nunc eros, scelerisque vitae tempus sit amet, ultrices vel urna. Pellentesque placerat consequat leo sed condimentum. Nullam cursus convallis libero, nec egestas ante congue sit amet. Aliquam eget nisi tortor, eu aliquam lacus. Praesent bibendum turpis vel dolor tincidunt sed condimentum quam sollicitudin.
	</p>
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec erat vitae sem faucibus pulvinar. Vestibulum nisl risus, laoreet eget euismod eget, tempor at nisl. Integer sed tortor lorem, a faucibus augue. Sed ut magna ipsum. In non sem quis libero facilisis suscipit id vel velit. Donec non quam rhoncus magna fringilla convallis. Ut sed faucibus diam. Quisque vitae tempus orci. Ut ornare semper erat, eu tincidunt dui sollicitudin laoreet. Aliquam nec tortor tellus. Duis facilisis massa malesuada dolor tincidunt at ornare nisi volutpat. Nunc diam mauris, rutrum sed elementum a, tincidunt at neque. Mauris gravida, elit lacinia sollicitudin varius, arcu massa dictum orci, ut feugiat sapien purus in nisi. Aenean et consectetur ipsum.Ut ac arcu ante. Proin et felis vitae arcu cursus ornare non nec nunc. Nunc blandit auctor sapien vitae luctus. Mauris tortor est, mollis sed blandit sed, posuere ut ipsum. Quisque interdum sagittis metus non mollis. Etiam mattis augue quis tortor mollis pulvinar. Aliquam posuere pulvinar porta. Praesent tortor mi, mollis id volutpat vel, dictum et magna. In non ligula eget diam mollis rhoncus malesuada bibendum erat. Etiam congue metus id nulla placerat in gravida augue ultrices. Fusce blandit, enim lobortis rhoncus commodo, ipsum massa vehicula nisi, consequat luctus nulla orci in dui. Curabitur nunc eros, scelerisque vitae tempus sit amet, ultrices vel urna. Pellentesque placerat consequat leo sed condimentum. Nullam cursus convallis libero, nec egestas ante congue sit amet. Aliquam eget nisi tortor, eu aliquam lacus. Praesent bibendum turpis vel dolor tincidunt sed condimentum quam sollicitudin.
	</p>
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec erat vitae sem faucibus pulvinar. Vestibulum nisl risus, laoreet eget euismod eget, tempor at nisl. Integer sed tortor lorem, a faucibus augue. Sed ut magna ipsum. In non sem quis libero facilisis suscipit id vel velit. Donec non quam rhoncus magna fringilla convallis. Ut sed faucibus diam. Quisque vitae tempus orci. Ut ornare semper erat, eu tincidunt dui sollicitudin laoreet. Aliquam nec tortor tellus. Duis facilisis massa malesuada dolor tincidunt at ornare nisi volutpat. Nunc diam mauris, rutrum sed elementum a, tincidunt at neque. Mauris gravida, elit lacinia sollicitudin varius, arcu massa dictum orci, ut feugiat sapien purus in nisi. Aenean et consectetur ipsum.Ut ac arcu ante. Proin et felis vitae arcu cursus ornare non nec nunc. Nunc blandit auctor sapien vitae luctus. Mauris tortor est, mollis sed blandit sed, posuere ut ipsum. Quisque interdum sagittis metus non mollis. Etiam mattis augue quis tortor mollis pulvinar. Aliquam posuere pulvinar porta. Praesent tortor mi, mollis id volutpat vel, dictum et magna. In non ligula eget diam mollis rhoncus malesuada bibendum erat. Etiam congue metus id nulla placerat in gravida augue ultrices. Fusce blandit, enim lobortis rhoncus commodo, ipsum massa vehicula nisi, consequat luctus nulla orci in dui. Curabitur nunc eros, scelerisque vitae tempus sit amet, ultrices vel urna. Pellentesque placerat consequat leo sed condimentum. Nullam cursus convallis libero, nec egestas ante congue sit amet. Aliquam eget nisi tortor, eu aliquam lacus. Praesent bibendum turpis vel dolor tincidunt sed condimentum quam sollicitudin.
	</p>
</div>
<div class="sidebar">
	<ul>
		<li>Item</li>
		<li>Item</li>
		<li>Item</li>
		<li>Item</li>
	</ul>
</div>

settings.json

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