Boa noite.
Minha dúvida é simples é sobre esse atalho :
header.header.container>h1.header-title+nav.header-menu>ul>(li.header-button>a)*2
que vai criar esse código:
<header class="header container">
<h1 class="header-title"></h1>
<nav class="header-menu">
<ul>
<li class="header-button"><a href=""></a></li>
<li class="header-button"><a href=""></a></li>
</ul>
</nav>
</header>
o que o . (ponto) faz nesse caso e porque já vem com o class junto ? rs