education-card.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* module/article/components/science-card/science-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: 10px 0;
  9. box-sizing: border-box;
  10. padding-left: 10px;
  11. .cover {
  12. flex: none;
  13. width: 100px;
  14. height: 100px;
  15. margin-right: 16px;
  16. border-radius: 12px;
  17. }
  18. .content {
  19. flex: auto;
  20. display: flex;
  21. flex-direction: column;
  22. height: 100px;
  23. justify-content: space-evenly;
  24. }
  25. .title {
  26. font-size: 16px;
  27. // color: #fff;
  28. color: #191919;
  29. font-weight: bold;
  30. // margin-bottom: 10px;
  31. }
  32. .description {
  33. font-size: 14px;
  34. color: #A2AFB2;
  35. &-2 {
  36. font-size: 14px;
  37. // color: #34A76B;
  38. // color: #8C8C8C;
  39. color: #333333;
  40. }
  41. }
  42. .border-gradient {
  43. position: absolute;
  44. top: 0;
  45. left: 0;
  46. width: 100%;
  47. height: 1px;
  48. transform: translateY(-1px);
  49. // background: linear-gradient(90deg, rgba(15, 34, 38, 0) 0%, var(--primary-color, #E7E7E7) 50%, rgba(15, 34, 38, 0) 100%);
  50. background: linear-gradient(90deg, rgba(15, 34, 38, 0) 0%, #E7E7E7 50%, rgba(15, 34, 38, 0) 100%);
  51. }
  52. }