/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "../style/index";
@import "./tabs";

@mixin uicore-tabs-horizontal {

  @include uicore-tabs;

  > li {

    display:        inline-block;
    margin:         0 -1px 0 0;
    padding:        0;

    > a {

      line-height:          $uicore-line-height;
      padding:              9px 14px;
      margin:               0;
      border-bottom:        0 none transparent;
      background:           $buic-background-tab-inactive;
      text-align:           center;

      $bar-size: 2px;

      &::after {

        width: 100%;
        height: $bar-size;
        top: $bar-size;
        padding-left: $bar-size;
        padding-right: $bar-size;
        box-sizing: border-box;
        background-clip: content-box;
      }

      &:focus {
        background-color: $buic-background-active-overlay;
        outline: none;
      }
    }

    &:not(.core-active) {
      border-bottom: 1px solid $buic-background-dialog-stroke;
    }

    &:not(:first-child) {
      border-left: 1px solid $buic-background-dialog-stroke;
    }

    &.core-active {
      > a {

        color:              $buic-foreground-primary;
        background-color:   $buic-background-tab-active;

        &:focus {
          background-color: $buic-background-active-overlay;
        }
      }
    }
  }

}