Skip to content

Commit 5f911d9

Browse files
committed
fix(Offcanvas): fix RTL
1 parent 7d2770c commit 5f911d9

File tree

2 files changed

+23
-2
lines changed

2 files changed

+23
-2
lines changed

scss/_offcanvas.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,15 +48,15 @@
4848
@include ltr-rtl("left", 0);
4949
width: $offcanvas-horizontal-width;
5050
@include ltr-rtl("border-right", $offcanvas-border-width solid $offcanvas-border-color);
51-
transform: translateX(-100%);
51+
@include ltr-rtl-value-only("transform", translateX(-100%), translateX(100%));
5252
}
5353

5454
.offcanvas-end {
5555
top: 0;
5656
@include ltr-rtl("right", 0);
5757
width: $offcanvas-horizontal-width;
5858
@include ltr-rtl("border-left", $offcanvas-border-width solid $offcanvas-border-color);
59-
transform: translateX(100%);
59+
@include ltr-rtl-value-only("transform", translateX(100%), translateX(-100%));
6060
}
6161

6262
.offcanvas-top {

scss/mixins/_ltr-rtl.scss

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,3 +58,24 @@
5858
}
5959
}
6060
}
61+
62+
@mixin ltr-rtl-value-only($property, $value, $value-rtl, $important: null) {
63+
$value-reflected: reflect($value);
64+
65+
@if $enable-ltr and $enable-rtl {
66+
@include ltr() {
67+
#{$property}: $value $important;
68+
}
69+
@include rtl() {
70+
#{$property}: $value-rtl $important;
71+
}
72+
}
73+
@else {
74+
@if $enable-rtl {
75+
#{$property}: $value-rtl $important;
76+
}
77+
@else {
78+
#{$property}: $value $important;
79+
}
80+
}
81+
}

0 commit comments

Comments
 (0)