rtl.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. $module: #{$prefix}-avatar;
  2. .#{$prefix}-rtl,
  3. .#{$prefix}-portal-rtl {
  4. .#{$module} {
  5. direction: rtl;
  6. &-content {
  7. left: auto;
  8. right: 50%;
  9. transform: translate(50%, -50%);
  10. }
  11. &-extra-extra-small {
  12. .#{$module}-content {
  13. transform: scale(.8) translate(62.5%, -62.5%);
  14. }
  15. }
  16. &-extra-small {
  17. .#{$module}-content {
  18. transform: scale(.8) translate(62.5%, -62.5%);
  19. }
  20. }
  21. &-hover {
  22. left: auto;
  23. right: 0;
  24. }
  25. }
  26. .#{$module}-group {
  27. direction: rtl;
  28. .#{$module} {
  29. &:first-child {
  30. margin-left: auto;
  31. margin-right: 0;
  32. }
  33. }
  34. .#{$module}-extra-large {
  35. margin-left: auto;
  36. margin-right: $spacing-avatar_extra_large-marginLeft;
  37. }
  38. .#{$module}-large {
  39. margin-left: auto;
  40. margin-right: $spacing-avatar_large-marginLeft;
  41. }
  42. .#{$module}-medium,
  43. .#{$module}-small {
  44. margin-left: auto;
  45. margin-right: $spacing-avatar_small-marginLeft;
  46. }
  47. .#{$module}-extra-small {
  48. margin-left: auto;
  49. margin-right: $spacing-avatar_extra_small-marginLeft;
  50. }
  51. .#{$module}-extra-extra-small {
  52. margin-left: auto;
  53. margin-right: $spacing-avatar_extra_extra_small-marginLeft;
  54. }
  55. }
  56. }