diet-card.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /* module/article/components/diet-card/diet-card.wxss */
  2. .list-card-item {
  3. position: relative;
  4. display: flex;
  5. flex-direction: row;
  6. align-items: center;
  7. min-height: 125px;
  8. padding: 12px;
  9. box-sizing: border-box;
  10. .cover {
  11. flex: none;
  12. width: 100px;
  13. height: 100px;
  14. margin-right: 16px;
  15. border-radius: 12px;
  16. }
  17. .content {
  18. flex: auto;
  19. display: flex;
  20. flex-direction: column;
  21. height: 100px;
  22. justify-content: space-evenly;
  23. }
  24. .title {
  25. font-size: 16px;
  26. // color: #fff;
  27. color: black;
  28. }
  29. .description {
  30. font-size: 14px;
  31. color: #A2AFB2;
  32. &-2 {
  33. font-size: 12px;
  34. // color: #34A76B;
  35. color: #666;
  36. }
  37. }
  38. .border-gradient {
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. width: 100%;
  43. height: 1px;
  44. transform: translateY(-1px);
  45. // background: linear-gradient(90deg, rgba(15, 34, 38, 0) 0%, var(--primary-color, #38FF6E) 50%, rgba(15, 34, 38, 0) 100%);
  46. background: linear-gradient(90deg, rgba(15, 34, 38, 0) 0%, #1D6FF6 50%, rgba(15, 34, 38, 0) 100%);
  47. }
  48. }