Building blocks > Layers

Three header styles

Example code

							<header class="top-header">
	<div>Big Bank</div>
	<nav>
		<a href="#">Personal</a>
		<a href="#">Business</a>
		<a href="#">Customer Service</a>
	</nav>
</header>

<style>
@layer corporate, super-bank;

@layer corporate {
	.top-header { background-color: red; }
}

.top-header { background-color: black; }

@layer big-bank {
	.top-header { background-color: hotpink; }
}

</style>