/*---------------------------------------------------------------------------------------------
* 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-vertical {

  @include uicore-tabs;

  > li {

    display:        block;
    margin:         0;
    padding:        0;
    width:          100%;

    > a {

      line-height:            $uicore-line-height;
      padding:                14px 20px;
      background:             $buic-background-tab-inactive;
      border-width:           0;

      $bar-size: 2px;

      &::after {

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

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

    &.core-active {
      > a {

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

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

}