Untitled

dabblet.css

ul
{
	display: none
}

nav:hover ul
{
	position: relative;
	display: block;
	outline: 1px solid blue;

}


nav:hover::before
{
	outline: 1px solid red;
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	left: 200%;
	margin-left: -50%;
	margin-top: -50%;
}

dabblet.html

<nav>
	Dropdown
	<ul>
		<li>item</li>
	</ul>
</nav>

settings.json

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