RTL/LTR support using sass mixins.

direction.scss

$layout-direction: ltr !default;

@mixin ltr {
    @if $layout-direction == ltr {
        @content;
    }
}
@mixin rtl {
    @if $layout-direction == rtl {
        @content;
    }
}

styles.scss

@import "direction.scss";

.my-element {
    padding: 50px;
    background: yellow;
    
    @include rtl {
        float: right;
    }    

    @include rtl {
        float: left;
    }
}