rtl.less 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @upload-prefix-cls: ~'@{ant-prefix}-upload';
  4. @upload-item: ~'@{ant-prefix}-upload-list-item';
  5. .@{upload-prefix-cls} {
  6. &-rtl {
  7. direction: rtl;
  8. }
  9. &&-select-picture-card {
  10. .@{upload-prefix-cls}-rtl& {
  11. margin-right: auto;
  12. margin-left: 8px;
  13. }
  14. }
  15. }
  16. .@{upload-prefix-cls}-list {
  17. &-rtl {
  18. direction: rtl;
  19. }
  20. &-item-list-type-text {
  21. &:hover {
  22. .@{upload-prefix-cls}-list-item-name-icon-count-1 {
  23. .@{upload-prefix-cls}-list-rtl & {
  24. padding-right: 22px;
  25. padding-left: 14px;
  26. }
  27. }
  28. .@{upload-prefix-cls}-list-item-name-icon-count-2 {
  29. .@{upload-prefix-cls}-list-rtl & {
  30. padding-right: 22px;
  31. padding-left: 28px;
  32. }
  33. }
  34. }
  35. }
  36. &-item {
  37. &-name {
  38. .@{upload-prefix-cls}-list-rtl & {
  39. padding-right: @font-size-base + 8px;
  40. padding-left: 0;
  41. }
  42. }
  43. &-name-icon-count-1 {
  44. .@{upload-prefix-cls}-list-rtl & {
  45. padding-left: 14px;
  46. }
  47. }
  48. &-card-actions {
  49. .@{upload-prefix-cls}-list-rtl & {
  50. right: auto;
  51. left: 0;
  52. }
  53. .@{iconfont-css-prefix} {
  54. .@{upload-prefix-cls}-list-rtl & {
  55. padding-right: 0;
  56. padding-left: 5px;
  57. }
  58. }
  59. }
  60. &-info {
  61. .@{upload-prefix-cls}-list-rtl & {
  62. padding: 0 4px 0 12px;
  63. }
  64. }
  65. &-error &-card-actions {
  66. .@{iconfont-css-prefix} {
  67. .@{upload-prefix-cls}-list-rtl & {
  68. padding-right: 0;
  69. padding-left: 5px;
  70. }
  71. }
  72. }
  73. &-progress {
  74. .@{upload-prefix-cls}-list-rtl & {
  75. padding-right: @font-size-base + 12px;
  76. padding-left: 0;
  77. }
  78. }
  79. }
  80. &-picture,
  81. &-picture-card {
  82. .@{upload-item}-info {
  83. padding: 0;
  84. }
  85. .@{upload-item}-thumbnail {
  86. .@{upload-prefix-cls}-list-rtl& {
  87. right: 8px;
  88. left: auto;
  89. }
  90. }
  91. .@{upload-item}-icon {
  92. .@{upload-prefix-cls}-list-rtl& {
  93. right: 50%;
  94. left: auto;
  95. transform: translate(50%, -50%);
  96. }
  97. }
  98. .@{upload-item}-name {
  99. .@{upload-prefix-cls}-list-rtl& {
  100. margin: 0 8px 0 0;
  101. padding-right: 48px;
  102. padding-left: 8px;
  103. }
  104. }
  105. .@{upload-item}-name-icon-count-1 {
  106. .@{upload-prefix-cls}-list-rtl& {
  107. padding-right: 48px;
  108. padding-left: 18px;
  109. }
  110. }
  111. .@{upload-item}-name-icon-count-2 {
  112. .@{upload-prefix-cls}-list-rtl& {
  113. padding-right: 48px;
  114. padding-left: 36px;
  115. }
  116. }
  117. .@{upload-item}-progress {
  118. .@{upload-prefix-cls}-list-rtl& {
  119. padding-right: 0;
  120. padding-left: 0;
  121. }
  122. }
  123. }
  124. &-picture-card {
  125. &-container {
  126. .@{upload-prefix-cls}-list-rtl & {
  127. margin: 0 0 @margin-xs @margin-xs;
  128. }
  129. }
  130. .@{upload-item}-actions {
  131. .@{upload-prefix-cls}-list-rtl& {
  132. right: 50%;
  133. left: auto;
  134. transform: translate(50%, -50%);
  135. }
  136. }
  137. .@{upload-item}-file + .@{upload-item}-name {
  138. .@{upload-prefix-cls}-list-rtl& {
  139. margin: 8px 0 0;
  140. padding: 0;
  141. }
  142. }
  143. }
  144. }