rtl.scss 974 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. $module: #{$prefix}-steps;
  2. $basicModule: #{$prefix}-steps-basic;
  3. $navModule: #{$prefix}-steps-nav;
  4. .#{$prefix}-rtl,
  5. .#{$prefix}-portal-rtl {
  6. .#{$module} {
  7. direction: rtl;
  8. &-item {
  9. margin-right: auto;
  10. margin-left: $spacing-steps_item-marginRight;
  11. &-content {
  12. margin-left: auto;
  13. margin-right: $spacing-steps_item_content-marginLeft;
  14. }
  15. }
  16. }
  17. .#{$basicModule} {
  18. direction: rtl;
  19. &.#{$module}-horizontal {
  20. .#{$item} {
  21. .#{$item}-title {
  22. padding-left: $spacing-steps_basic_item_title-paddingRight;
  23. &::after {
  24. right: 100%;
  25. }
  26. }
  27. }
  28. }
  29. &.#{$module}-vertical {
  30. .#{$item} {
  31. margin: 0;
  32. }
  33. }
  34. }
  35. .#{$navModule} {
  36. direction: rtl;
  37. }
  38. }