Responsive fullwidth navbar

Thumbnail

Pug
Scss

// <pageNav>
.scrollbar-hide(style='overflow: scroll')
  ul.uk-flex.uk-flex-left
    each j in i.nav
      li(style='width: 260px;')
        a.uk-text-bold.uk-display-block.uk-button.button-gray.uk-text-nowrap(class=j.class href=j.href style='letter-spacing: 1.6px; ')=j.text
// </pageNav>

.button-gray {
  background-color: #edeff1;
  line-height: 50px;
  font-size: 1rem;
  border-right: 1px solid #d7d9db;
  &:hover {
    background-color: $global-secondary-background;
    color: #fff;
  }
}
.button-active {
  background-color: $global-primary-background;
  color: #fff;
}