// mixin definition ; sets LTR and RTL within the same style call
// @see https://css-tricks.com/almanac/properties/d/direction/

@mixin rtl($prop, $value, $rtl-value) {
  #{$prop}: $value;

  html[dir='rtl'] & {
    #{$prop}: $rtl-value;
    unicode-bidi: embed;
  }

  body[dir='rtl'] & {
    #{$prop}: $rtl-value;
    unicode-bidi: embed;
  }

  [dir='rtl'] & {
    #{$prop}: $rtl-value;
    unicode-bidi: embed;
  }

  bdo[dir='rtl'] {
    direction: rtl;
    unicode-bidi: bidi-override;
  }

  bdo[dir='ltr'] {
    direction: ltr;
    unicode-bidi: bidi-override;
  }
}