@telekom/scale-components/dist/collection/components/tab-nav/tab-nav.css

Scale is the digital design system for Telekom products and experiences.

/**
 * @license
 * Scale https://github.com/telekom/scale
 *
 * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

:host {
  --tab-height: 3rem;
  --tab-spacing-horizontal: var(--telekom-spacing-composition-space-05);
  --tab-spacing-vertical: var(--telekom-spacing-composition-space-06);
  --tab-radius: var(--telekom-radius-small);
  --tab-border-size: var(--telekom-line-weight-standard);
  --tab-border-size-selected: var(--telekom-line-weight-highlight);
  --tab-border-size-selected: 3px;

  --tab-border-color: var(--telekom-color-ui-subtle);

  --tab-height-large: 3.25rem;

  --tab-spacing-horizontal-large: var(--telekom-spacing-composition-space-06);
  --tab-spacing-vertical-large: 0.875rem;
}