rtl.scss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. $module: #{$prefix}-upload;
  2. .#{$prefix}-rtl,
  3. .#{$prefix}-portal-rtl {
  4. .#{$module} {
  5. direction: rtl;
  6. &-file-list {
  7. &-title {
  8. &-choosen {
  9. margin-right: 0;
  10. margin-left: $spacing-upload_title_choosen-marginRight;
  11. }
  12. &-choosen,
  13. &-clear {
  14. display: inline-block;
  15. }
  16. }
  17. }
  18. &-file-card {
  19. &-info {
  20. &-size {
  21. margin-left: 0;
  22. margin-right: $spacing-upload_file_card_info_size-marginLeft;
  23. }
  24. &-retry {
  25. margin-left: 0;
  26. margin-right: $spacing-upload_file_card_info_retry-marginLeft;
  27. }
  28. }
  29. &-icon {
  30. &-loading,
  31. &-error {
  32. margin-right: 0;
  33. margin-left: $spacing-upload_file_card_icon-marginRight;
  34. }
  35. }
  36. }
  37. // listType = 'picture'
  38. &-picture {
  39. &-file-card {
  40. &-close {
  41. right: auto;
  42. left: $spacing-upload_picture_file_card_close-right;
  43. }
  44. .#{$prefix}-progress-circle {
  45. left: auto;
  46. right: 50%;
  47. transform: translate(50%, -50%);
  48. }
  49. &-retry {
  50. left: auto;
  51. right: 50%;
  52. transform: translate(50%, -50%);
  53. }
  54. // &-icon-retry {
  55. // transform: scale(-1, 1);
  56. // }
  57. &-icon-loading,
  58. &-icon-error {
  59. right: 0;
  60. left: $spacing-upload_picture_file_card_loading_error-right;
  61. }
  62. }
  63. }
  64. }
  65. }