ws-secondary-nav {
  $secondary-nav-height: 30px;

  font-size: 14px;

  ul {
    li {
      cursor: pointer;
      display: inline-block;
      line-height: $secondary-nav-height - 4px;
      margin: 0 2px;
      padding-top: 4px;

      &:first-child {
        margin-left: 0;
      }

      a {
        color: $color-black;
        opacity: 0.5;
        padding: 10px;
        text-decoration: none;
        transition: opacity 100ms linear;

        &:hover,
        &.active {
          color: $color-black;
          opacity: 1;
        }

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