@telekom/scale-components/dist/collection/components/divider/divider.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 {
  --width: 100%;
  --height: 100%;
  --spacing: var(--telekom-spacing-composition-space-05);
  /* FIXME this should be called --border-color */
  --color: var(--telekom-color-ui-faint);
  --border-width: var(--telekom-spacing-composition-space-01);
  --min-height-vertical: var(--telekom-spacing-composition-space-08);

  width: var(--width);
  height: var(--height);
}

.divider {
  padding: var(--spacing);
}

.divider--vertical {
  display: inline-flex;
  height: inherit;
}

.divider__horizontal {
  margin: 0;
  border: 0;
  border-top: var(--border-width) solid var(--color);
}

.divider__vertical {
  display: inline-flex;
  height: inherit;
  min-height: var(--min-height-vertical);
  border-left: var(--border-width) solid var(--color);
}