/**
 * Copyright IBM Corp. 2016, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/utilities/convert' as *;

//-----------------------------
// Tabs (expressive)
//-----------------------------

/// Tabs styles (expressive)
/// @access private
/// @group tabs-expressive
@mixin tabs-expressive {
  .#{$prefix}--tabs-trigger {
    block-size: $spacing-09;
  }

  @include breakpoint(md) {
    .#{$prefix}--tabs {
      min-block-size: $spacing-09;
    }

    .#{$prefix}--tabs--container {
      min-block-size: $spacing-09;

      a.#{$prefix}--tabs__nav-link {
        block-size: $spacing-09;
      }
    }

    .#{$prefix}--tabs__nav-item,
    a.#{$prefix}--tabs__nav-link {
      block-size: $spacing-09;
    }

    a.#{$prefix}--tabs__nav-link {
      display: flex;
      align-items: center;
    }
  }
}