hubl/src/scss/_menu.scss

#navbar {
  z-index:  9999;

  #menu-title {
    font-family:  bebas;
    color:        $hd-color;
    font-size:    $menu-font-size;
  }


  #navbar-router {
    color: $twitter-color;

    ldp-route {
      cursor:       pointer;
      font-size:    18px;
    }
    ldp-route:hover {
      text-decoration:  underline;
    }
    ldp-route[active] {
      border-bottom:  2px solid $hd-color;
      color:          $hd-color;
    }
  }
}

.vertical-menu {
  position:             fixed;
  z-index:              9998;
  top:                  0px;
  bottom:               0px;
  right:                0px;
  margin:               auto;
  background-color:     white;
  width:                $vertical-menu-width;
  padding-top:          $menu-height;
  display:              flex;
  flex-direction:       column;
  color:                $twitter-color;
  font-size:            $menu-font-size;

  ldp-route {
    text-align:     center;
    padding:        6px 0px;

    &[active] {
      border-left:  2px solid $hd-color;
      color:          $hd-color;
    }
  }
}

.view-with-vertical-menu {
  padding-right:    $vertical-menu-width;
}