@import './../theme/vars.scss';

$groupPrefixCls: #{$vender-prefix}-group;

// common group
// ---
.#{$groupPrefixCls} {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;

  &.#{$groupPrefixCls}-tight {
    display: block;

    & > * {
      display: inline-block;
      float: none;
      vertical-align: top;
      border-right-width: 0;
      border-radius: 0;
    }
  }

  &.#{$groupPrefixCls}-vertical {
    display: flex;
    flex-direction: column;

    &.#{$groupPrefixCls}-hasspace {
      .#{$groupPrefixCls}-item {
        + .#{$groupPrefixCls}-item {
          margin-top: 6px;
        }
      }
    }
  }

  &.#{$groupPrefixCls}-hasspace {
    .#{$groupPrefixCls}-item {
      + .#{$groupPrefixCls}-item {
        margin-left: 6px;
      }
    }
  }
}