scheme.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @import '../../../../themes/page.scss';
  2. @import "../../../../themes/t.cell.scss";
  3. @import "../../report-common.scss";
  4. @import "../../../../themes/card.scss";
  5. /* module/health/pages/scheme/scheme.wxss */
  6. .card-wrapper {
  7. --button-line-1: 10px;
  8. }
  9. .scheme {
  10. &__item {
  11. margin-top: 8px;
  12. &-title {
  13. font-size: 14px;
  14. text-align: center;
  15. margin-bottom: 8px;
  16. }
  17. }
  18. &__title {
  19. font-size: 14px;
  20. font-weight: 600;
  21. color: #34A76B;
  22. }
  23. &__description {
  24. display: flex;
  25. flex-direction: row;
  26. flex-wrap: wrap;
  27. margin: 6px 0;
  28. }
  29. }
  30. .scheme-wrapper {
  31. image {
  32. height: 90px;
  33. }
  34. &+.scheme-wrapper {
  35. margin-top: 12px;
  36. }
  37. color: #D7D9DA;
  38. .name {
  39. text-align: center;
  40. font-size: 15px;
  41. color: #34A76B;
  42. }
  43. .description {
  44. margin: 4px 0;
  45. font-size: 14px;
  46. }
  47. .media-container {
  48. display: flex;
  49. flex-direction: row;
  50. flex-wrap: wrap;
  51. margin: 0 -1%;
  52. .media {
  53. flex: none;
  54. width: 31%;
  55. margin: 0 1%;
  56. image,
  57. video {
  58. width: 100%;
  59. height: 100px;
  60. }
  61. }
  62. }
  63. }