index.less 771 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @import '../../app.less';
  2. .answer-checkbox {
  3. .item {
  4. display: inline-block;
  5. position: relative;
  6. margin-right: 60px;
  7. line-height: 20px;
  8. height: 32px;
  9. padding: 6px;
  10. .text {
  11. display: inline-block;
  12. color: #050930;
  13. vertical-align: top;
  14. margin-left: 5px;
  15. }
  16. .icon {
  17. width: 16px;
  18. height: 16px;
  19. display: inline-block;
  20. vertical-align: top;
  21. margin-top: 2px;
  22. margin-left: 10px;
  23. }
  24. }
  25. .item.show.true {
  26. background-color: rgba(23, 165, 27, 0.06);
  27. .icon {
  28. background-image: url('/assets/right_icon.png');
  29. }
  30. }
  31. .item.show.false {
  32. background-color: rgba(253, 247, 247, 1);
  33. .icon {
  34. background-image: url('/assets/wrong_icon.png');
  35. }
  36. }
  37. }