/* components/sku-item/sku-item.wxss */
@import "variables";

.item {
  display: inline-flex;
  align-items: center;
  height: 60rpx;
  margin: 0rpx $primary-gap $primary-gap $primary-gap;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: $primary-border-radius/2;
  border: 2rpx solid rgba(255, 255, 255, 0); //给一个透明的边框，不然选中会有一个2rpx的左右边框，宽度会有变化

  .img {
    width: 60rpx;
    height: 60rpx;
    margin-right: $primary-gap/2;
    border-radius: 10rpx;
    overflow: hidden;

    .pic {
      width: 100%;
      height: 100%;
    }
  }

  .content {
    padding: 0 $primary-gap/2;
    font-size: $large-font-size;
    line-height: 60rpx;
  }
}

.item-active {
  color: $primary-color;
  border: 2rpx solid $primary-color;
  background-color: #ffddcb50;
}

.item-disable {
  color: $gray-color !important;
  border: 2rpx solid rgba(255, 255, 255, 0);
  background-color: rgba(0, 0, 0, 0.05);
}