index.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .card-container p {
  2. margin: 0;
  3. }
  4. .card-container > .ant-tabs-card .ant-tabs-content {
  5. height: 120px;
  6. margin-top: -16px;
  7. }
  8. .card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
  9. padding: 16px;
  10. background: #fff;
  11. }
  12. .card-container > .ant-tabs-card > .ant-tabs-nav::before {
  13. display: none;
  14. }
  15. .card-container > .ant-tabs-card .ant-tabs-tab,
  16. [data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab {
  17. background: transparent;
  18. border-color: transparent;
  19. }
  20. .card-container > .ant-tabs-card .ant-tabs-tab-active,
  21. [data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
  22. background: #fff;
  23. border-color: #fff;
  24. }
  25. #components-tabs-demo-card-top .code-box-demo {
  26. padding: 24px;
  27. overflow: hidden;
  28. background: #f5f5f5;
  29. }
  30. [data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-content {
  31. height: 120px;
  32. margin-top: -8px;
  33. }
  34. [data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-tab {
  35. background: transparent;
  36. border-color: transparent;
  37. }
  38. [data-theme='dark'] #components-tabs-demo-card-top .code-box-demo {
  39. background: #000;
  40. }
  41. [data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
  42. background: #141414;
  43. }
  44. [data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
  45. background: #141414;
  46. border-color: #141414;
  47. }