Documentação
Ultima atualização: 11 de Fevereiro de 2019

Menu Interno

O menu interno é usado para navegação das páginas internas de uma masma seção

  • O menu interno deve estar dentro da class .container sendo o primeiro filho direto e acima do conteúdo.
  • Para marcar a página atual, use a class .current no elemento li
  • O uso da class .current no menu interno é obrigatório, pois em dispositivos menores, este item vai agrupar todos os outros. Isso vai acontecer quando chegar rm resoluções menore ou igual a 600px.
  • A class .nav-trigger não deve ser removida, pois é a class do botão que abre o menu lateral no tablet.
  • Se a página não tiver menu interno, deverá apenas remover o item com a class .menu-section. Lembre-se que a class .navigation com o button dentro será responsável por abrir o menu lateral no tablet.

<div class="navigation">
   <button class="nav-trigger js-slideout-toggle-tablet" type="button"><span></span></button>
   <ul class="menu-section">
      <li class="current"><a href="#" title="Meu Perfil">Meu Perfil</a></li>
      <li><a href="#" title="Modificar minha Senha">Modificar minha Senha</a></li>
      <li><a href="#" title="Segurança">Segurança</a></li>
      <li><a href="#" title="Usuários Autorizados">Usuários Autorizados</a></li>
   </ul>
</div>

Exemplo caso a páginas não tenha menu interno


<!--Exemplo caso a páginas não tenha menu interno-->
<div class="navigation">
   <button class="nav-trigger js-slideout-toggle-tablet" type="button"><span></span></button>
</div>