index.scss 1.13 KB
Newer Older
zhanghaozhe committed
1 2
.question-container {
  padding-bottom: 20px;
zhanghaozhe committed
3

zhanghaozhe committed
4 5 6 7 8
  .question {
    font-size: 16px;
    color: #222;
    margin-bottom: 21px;
    padding: 0 17px;
zhanghaozhe committed
9 10 11 12 13 14 15 16 17
    white-space: pre-line;

    .category {
      padding: 2px 5px 3px;
      border: 1px solid #09f;
      border-radius: 3px;
      font-size: 12px;
      color: #09f;
    }
zhanghaozhe committed
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
  }

  .options {
    li {
      display: flex;
      min-height: 48px;
      padding: 0 17px;
      align-items: center;
      font-size: 16px;
      color: #333;
      margin-bottom: 12px;

      &.active {
        background: #F8F8FB;

        .letter {
          color: #09f;
          border-color: #09f;
        }
      }
zhanghaozhe committed
38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

      &.correct {
        .letter {
          background-color: #29C8A0;
          color: #fff;
          border: 1px solid #29C8A0;
        }
      }

      &.error {
        .letter {
          background-color: #FF5A5A;
          color: #fff;
          border: 1px solid #FF5A5A;
        }
      }
zhanghaozhe committed
54 55 56 57 58 59 60 61 62 63 64 65 66 67
    }
  }

  .letter {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 13px;
    border: 1px solid #999;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
  }
}