nav.uk-navbar.uk-navbar-attached(data-uk-sticky)
  a.uk-navbar-brand.uk-hidden-small href="/" <i class="uk-icon-home"></i> Home
  ul.uk-navbar-nav.uk-hidden-small
    - for item in @menu
      li class=( (item == @current_item)? "uk-active" : "uk-inactive")
        a href="/#{item.downcase}" title="Access to #{item.capitalize}" <i class="uk-icon-#{@menu_icons[item]}"></i> #{item.capitalize}
  a.uk-navbar-toggle.uk-visible-small(href="#offcanvas" data-uk-offcanvas)
  div.uk-navbar-brand.uk-navbar-left.uk-visible-small
    <i class="uk-icon-arrow-left"></i> Menu


div#offcanvas.uk-offcanvas
 div.uk-offcanvas-bar
   ul.uk-nav.uk-nav-offcanvas
     - for item in @menu
       li class=( (item == @current_item)? "uk-active" : "uk-inactive")
         a href="/#{item.downcase}" title="Access to #{item.capitalize}" #{item.capitalize}