@aplus-frontend/ui/theme/ap-product-info/ap-product-info.less

@import '../mixins/mixins.less';

.b(ap-product-info, {
  @root-cls: ~'@{ns}@{common-separator}ap-product-info';
  display:flex;
  &__img{
    width: 44px;
    height: 44px;
    margin-right:8px;
    flex-shrink: 0; 
  }
  &__content{
    flex:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  &__row-container {
    display: flex;
    flex-wrap: wrap;
  }
  &__row-item{
    position: relative;
    display: flex;
  }
  &__divider {
    width: 1px;
    position: relative;
    height: 12px;
    top: 50%;
    margin: -6px 16px 0px 0px;
    z-index: 1;
  }

  &__divider-vertical {
    width: 1px;
    height: 100%;
    background-color: #E9EDF3;
    position: absolute;
    transform: translateX(-50%);
  }
  &__item{
    display: flex;
    align-items: baseline;
  }
  &--full{
    width: 100%;
  }
  &__label{
    color:#8896b0;
    flex-shrink: 0;
    span{
      display: inline-block;
      padding: 0 2px;
    }
  }
  &__value{
    max-width: 300px;
    color: var(--ap-text-color-3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  &--link{
    color:@aplus-primary-color;
    cursor: pointer;
  }
   &--admin {
    .@{root-cls} {
        &__title{
          color:#333333;
        }
        &__label{
          color:#999;
        }
        &__value{
          color:#999;
        }
         &--link{
        color:rgb(0, 112, 255);
       }
    }
  }
});