@import '../style/var.less';

.workflow--step-content {
  margin-top: @margin;
  .step-title--box {
    display: flex;
    align-items: center;
    background: rgb(250, 250, 250);
    padding: 4px 6px;
    > img {
      width: 30px;
      height: 30px;
      border: 50%;
    }
    .step-title--text {
      flex: 1;
      .step-title--text-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4px;
        &:last-child {
          margin-bottom: 0;
        }
        .user,
        .option {
          margin: 0;
          padding: 0;
        }
        .user {
          width: 45%;
          color: #333;
        }
        .option {
          width: 50%;
          text-align: right;
        }
        .time {
          width: 100%;
        }
        .time,
        .option {
          color: rgb(136, 136, 136);
        }
      }
    }
  }
  .step-msg {
    padding: @padding;
    white-space: pre-wrap;
  }
}
.light_blue {
  .step-title {
    color: @primary;
  }
  .step-title--box {
    background: #edf1fb;
  }
}
.pale_yellow {
  .step-title {
    color: rgb(121, 72, 8);
  }
  .step-title--box {
    background: rgb(255, 243, 224);
  }
}