@require '../variables.styl'

$nav-font-size = 12px;

.nav {
  position: relative
  width: 100%
  height: 100%
  box-sizing: border-box
  background: $background-color
  border-bottom: 1px solid $border-color
  padding: 20px;
  font-size: $nav-font-size;
  display: flex;
  justify-content: flex-end;

  .fold-left-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size 20px
    left: 20px
  }

  .menu-list {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    .menu-item {
      float: left;
      margin-left: 20px;

      .current {
        padding-bottom: 20px;
        border-bottom: 1px solid $nav-selected-color;
      }
    }
  }
}