horizontal-scrollable.scss 647 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /* module/health/components/horizontal-scrollable/horizontal-scrollable.wxss */
  2. .scheme {
  3. &__card-list {
  4. margin-left: -8px;
  5. overflow: hidden;
  6. }
  7. &__card {
  8. flex: none;
  9. padding: 0 8px;
  10. image {
  11. height: 90px;
  12. }
  13. }
  14. image+&__title {
  15. margin-top: 4px;
  16. }
  17. &__title {
  18. font-size: 14px;
  19. color: #34A76B;
  20. }
  21. &__media {
  22. position: relative;
  23. min-height: 90px;
  24. .icon {
  25. position: absolute;
  26. right: 4px;
  27. bottom: 4px;
  28. background-color: rgba(0, 0, 0, 0.2);
  29. border-radius: 50%;
  30. }
  31. }
  32. }
  33. .scrollable {
  34. display: flex;
  35. flex-direction: row;
  36. flex-wrap: nowrap;
  37. }