rtl.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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. margin-right: 0;
  20. margin-left: $spacing-upload_picture_file_card-marginRight;
  21. &-info {
  22. &-size {
  23. margin-left: 0;
  24. margin-right: $spacing-upload_file_card_info_size-marginLeft;
  25. }
  26. &-retry {
  27. margin-left: 0;
  28. margin-right: $spacing-upload_file_card_info_retry-marginLeft;
  29. }
  30. }
  31. &-icon {
  32. &-loading,
  33. &-error {
  34. margin-right: 0;
  35. margin-left: $spacing-upload_file_card_icon-marginRight;
  36. }
  37. }
  38. }
  39. // listType = 'picture'
  40. &-picture {
  41. &-file-card {
  42. margin-right: 0;
  43. margin-left: $spacing-upload_picture_file_card-marginRight;
  44. &-close {
  45. right: auto;
  46. left: $spacing-upload_picture_file_card_close-right;
  47. }
  48. .#{$prefix}-progress-circle {
  49. left: auto;
  50. right: 50%;
  51. transform: translate(50%, -50%);
  52. }
  53. &-retry {
  54. left: auto;
  55. right: 50%;
  56. transform: translate(50%, -50%);
  57. }
  58. // &-icon-retry {
  59. // transform: scale(-1, 1);
  60. // }
  61. &-icon-loading,
  62. &-icon-error {
  63. right: 0;
  64. left: $spacing-upload_picture_file_card_loading_error-right;
  65. }
  66. }
  67. }
  68. }
  69. }