CardList.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. @import "~antd/lib/style/themes/default.less";
  2. @import "../../utils/utils.less";
  3. .cardList {
  4. :global {
  5. .ant-card-meta-content {
  6. margin-top: 0;
  7. }
  8. }
  9. }
  10. .extraImg {
  11. margin-top: -60px;
  12. text-align: center;
  13. width: 195px;
  14. img {
  15. width: 100%;
  16. }
  17. }
  18. .newButton {
  19. background-color: transparent;
  20. border-color: @border-color-base;
  21. color: @text-color-secondary;
  22. width: 100%;
  23. height: 178px;
  24. &:hover {
  25. background-color: transparent;
  26. }
  27. }
  28. .cardDescription {
  29. .textOverflowMulti();
  30. }
  31. .pageHeaderContent {
  32. position: relative;
  33. }
  34. .contentLink {
  35. margin-top: 16px;
  36. a {
  37. margin-right: 32px;
  38. }
  39. img {
  40. vertical-align: middle;
  41. margin-right: 8px;
  42. }
  43. }
  44. @media screen and (max-width: @screen-lg) {
  45. .contentLink {
  46. a {
  47. margin-right: 16px;
  48. }
  49. }
  50. }
  51. @media screen and (max-width: @screen-sm) {
  52. .pageHeaderContent {
  53. padding-bottom: 30px;
  54. }
  55. .contentLink {
  56. position: absolute;
  57. left: 0;
  58. bottom: -4px;
  59. width: 1000px;
  60. a {
  61. margin-right: 16px;
  62. }
  63. img {
  64. margin-right: 4px;
  65. }
  66. }
  67. }