/*
 * @Author: 焦质晔
 * @Date: 2021-02-09 09:27:46
 * @Last Modified by: 焦质晔
 * @Last Modified time: 2024-11-05 18:57:48
 */
@use '../../style/src/themes' as *;
@use '../../style/src/mixins/reset' as *;

$prefix: '#{$qm-prefix}-divider';

.#{$prefix} {
  @include reset-component();
  display: flex;
  align-items: center;
  padding: 0 $padding-base;
  height: $height-base;
  line-height: 1;
  border: 1px solid $border-color-base;
  border-radius: $border-radius-base;
  background-color: $background-color-light;
  position: relative;
  &::before {
    content: ' ';
    position: absolute;
    width: 6px;
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-top-left-radius: $border-radius-base;
    border-bottom-left-radius: $border-radius-base;
    background-color: $primary-color;
  }
  &__title {
    margin-left: 5px;
  }
  &__extra {
    @include text-overflow-cut();
    flex: 1;
    margin-left: $margin-base;
  }
  &__collapse {
    margin-left: $margin-base;
  }
  &-borderless {
    border: none;
    background-color: transparent;
    &::before {
      top: auto;
      bottom: auto;
      left: 0;
      height: 20px;
      border-radius: 3px;
    }
  }
  // ------ size ------
  // 40  36  32  28
  &--large {
    height: $height-lg;
  }
  &--small {
    height: $height-sm;
    font-size: $font-size-sm;
  }
}