ws-secondary-nav {
  $secondary-nav-height: 30px;
  font-size:             14px;
  ul {
    li {
      margin:      0 2px;
      cursor:      pointer;
      display:     inline-block;
      line-height: $secondary-nav-height - 4px;
      padding-top: 4px;
      &:first-child {
        margin-left: 0;
      }

      a {
        text-decoration: none;
        padding:         10px;
        color:           $color-black;
        opacity:         0.5;
        transition:      opacity 100ms linear;
        &:hover, &.active {
          opacity: 1;
          color:   $color-black;
        }

        &.active {
          background-color: $color-white;
          box-shadow:       0 1px 2px 0 rgba(0, 0, 0, 0.07);
          border-radius:    3px;
        }
      }
    }
  }
}
