rtl.scss 1.3 KB

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