@import "~/styles/mixins.scss";

//项目需求
.requirements {

  .item {
    padding: 15px 15px;
    display: flex;
    border-bottom: 1px dashed RGBA(222, 222, 222, 1);
    align-items: center;

    .logo {
      width: 50px;
      height: 50px;
      margin-right: 24px;
      background: url('./assets/resolved.png') no-repeat;
      background-size: 100% 100%;
      flex-shrink: 0;
    }

    .info {
      padding: 3px 0 2px;
      flex: auto;

      .title {
        font-size: 16px;
        font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
        font-weight: bold;
        margin-bottom: 6px;
        color: RGBA(0, 0, 0, 0.4);
        @include ellipsis(1);
      }

      .desc {
        width: fit-content;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        color: RGBA(135, 135, 135, 0.4);
        line-height: 1;
        @include ellipsis(1);
      }
    }

    &.noResolve {
      .logo {
        background-image: url('./assets/noResolve.png');
      }

      .info {
        .title{
          color: #000;
        }

        .desc {
          color: #3C3E42;
        }
      }
    }
  }
}