responsive.less 654 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @media screen and (max-width: @screen-md) {
  2. .@{list-prefix-cls} {
  3. &-item {
  4. &-action {
  5. margin-left: 24px;
  6. }
  7. }
  8. }
  9. .@{list-prefix-cls}-vertical {
  10. .@{list-prefix-cls}-item {
  11. &-extra {
  12. margin-left: 24px;
  13. }
  14. }
  15. }
  16. }
  17. @media screen and (max-width: @screen-sm) {
  18. .@{list-prefix-cls} {
  19. &-item {
  20. flex-wrap: wrap;
  21. &-action {
  22. margin-left: 12px;
  23. }
  24. }
  25. }
  26. .@{list-prefix-cls}-vertical {
  27. .@{list-prefix-cls}-item {
  28. flex-wrap: wrap-reverse;
  29. &-main {
  30. min-width: 220px;
  31. }
  32. &-extra {
  33. margin: auto auto 16px;
  34. }
  35. }
  36. }
  37. }