Cacher is the code snippet organizer for pro developers

.main-menu {
	&__items {}
	&__item {}
	&__link {}
}

<nav class="main-menu">
	<div class="main-menu__items">
		<div class="main-menu__item"><a class="main-menu__link" href="#"></a></div>
	</div>
</nav>