RTL don't support tablet screen

[a0f0z0]

Steps to reproduce:

1. Set direction RTL
2. set screen size smaller than 768x600

What is expected?
Rewrite all media query for RTL

I temporarily use the following code in rtl.scss ‍‍‍ :

@import "spec/tools/mixins";
@import "spec/settings/breakpoints";
@import "spec/settings/materialColors";
@import "spec/settings/baseColors";
.page-container {
    min-height: 100vh;
    padding-right: $offscreen-size;
    transition: all 0.2s ease;
    @include between($breakpoint-md, $breakpoint-xl) {
        padding-right: $collapsed-size;
    }
    @include to($breakpoint-md) {
        padding-right: 0;
    }
}
.is-collapsed {
    .page-container {
        padding-right: $collapsed-size;
        @include to($breakpoint-md) {
            padding-right: 0;
        }
        @include between($breakpoint-md, $breakpoint-xl) {
            padding-right: $offscreen-size;
        }
    }

    .full-container {
        right: $collapsed-size;
        @include to($breakpoint-md) {
            right: 0;
        }
        @include between($breakpoint-md, $breakpoint-xl) {
            right: $offscreen-size;
            padding-right: 0;
        }
    }
}
.is-collapsed {
    .sidebar {
        @include to($breakpoint-md) {
            right: 0;
            left: unset;
        }
    }
}

[kossa]

Alright, I know about that, the official package does not support RTL, so I created a quick RTL version, any PR are welcome :D