ListCard.scss 773 B

123456789101112131415161718192021222324252627282930313233
  1. .listcard {
  2. color: blue;
  3. .list {
  4. display: flex;
  5. flex-wrap: wrap;
  6. .item {
  7. width: calc(25% - 10px);
  8. background: #58DCEC;
  9. margin: 0 10px 10px 0;
  10. height: 42px;
  11. cursor: pointer;
  12. .text {
  13. text-align: center;
  14. color: white;
  15. position: relative;
  16. top: 50%;
  17. transform: translate(0, -50%);
  18. }
  19. &-add {
  20. background: white;
  21. border: 1px solid #58dcec;
  22. color: #58dcec;
  23. .text-add {
  24. color: #58dcec;
  25. font-size: 20px;
  26. }
  27. }
  28. }
  29. }
  30. }