Skip to content

Commit 582a6f8

Browse files
committed
fix: generate proper properties and values if only $enable-rtl is set to true
1 parent d8221f7 commit 582a6f8

File tree

1 file changed

+13
-9
lines changed

1 file changed

+13
-9
lines changed

scss/mixins/_ltr-rtl.scss

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -28,26 +28,30 @@
2828
}
2929

3030
@mixin ltr-rtl($property, $value, $property-rtl: null, $value-rtl: null, $important: null) {
31+
$property-reflected: reflect($property);
32+
$value-reflected: reflect($value);
33+
3134
@if $enable-ltr and $enable-rtl {
3235
@include ltr() {
3336
#{$property}: $value $important;
3437
}
35-
36-
*[dir="rtl"] & {
37-
$property: reflect($property);
38-
$value: reflect($value);
39-
38+
@include rtl() {
4039
@if $value-rtl {
41-
#{$property}: $value-rtl $important;
40+
#{$property-reflected}: $value-rtl $important;
4241
}
4342
@else {
44-
#{$property}: $value $important;
43+
#{$property-reflected}: $value-reflected $important;
4544
}
4645
}
4746
}
4847
@else {
49-
@if $enable-rtl and $value-rtl {
50-
#{$property}: $value-rtl $important;
48+
@if $enable-rtl {
49+
@if $value-rtl {
50+
#{$property-reflected}: $value-rtl $important;
51+
}
52+
@else {
53+
#{$property-reflected}: $value-reflected $important;
54+
}
5155
}
5256
@else {
5357
#{$property}: $value $important;

0 commit comments

Comments
 (0)