/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@import '../../styles/global/bootstrap/hero-buttons';

@mixin nga-tabset-theme() {

  nga-tabset {
    // TODO: move to global mixin
    @include nga-scrollbars(
        nga-theme(scrollbar-fg),
        nga-theme(scrollbar-bg),
        nga-theme(scrollbar-width));

    ul {
      font-family: nga-theme(tabs-font-family);
      font-size: nga-theme(tabs-font-size);

      padding: 0 nga-theme(tabs-padding);
      border-bottom: 1px solid nga-theme(tabs-separator);

      li {
        background: nga-theme(tabs-header-bg);

        a {
          padding: nga-theme(tabs-padding);
          color: nga-theme(tabs-fg);

          &:hover {
            color: nga-theme(color-fg-heading);
          }

          &::before {
            @include btn-hero-success-gradient();
            box-shadow: 0 0 16px -2px btn-hero-success-middle-color();
          }
        }

        &.active {
          background: nga-theme(tabs-active-bg);

          a {
            font-weight: nga-theme(tabs-active-font-weight);
            color: nga-theme(tabs-fg-heading);
          }
        }
      }
    }

    nga-tab {
      font-family: nga-theme(tabs-content-font-family);
      font-size: nga-theme(tabs-content-font-size);
      color: nga-theme(tabs-fg-text);
      background-color: nga-theme(tabs-bg);
      padding: nga-theme(tabs-content-padding);
    }
  }
}