@@ -40,11 +40,21 @@ body {
40
40
float : right ;
41
41
width : calc (100% - #{$right-sidebar-width-narrow } );
42
42
padding-right : $right-sidebar-width-narrow ;
43
+
44
+ [dir = rtl ] & {
45
+ padding-right : 0 ;
46
+ padding-left : $right-sidebar-width-narrow ;
47
+ }
43
48
}
44
49
45
50
@include breakpoint ($x-large ) {
46
51
width : calc (100% - #{$right-sidebar-width } );
47
52
padding-right : $right-sidebar-width ;
53
+
54
+ [dir = rtl ] & {
55
+ padding-right : 0 ;
56
+ padding-left : $right-sidebar-width ;
57
+ }
48
58
}
49
59
50
60
.page__inner-wrap {
@@ -103,6 +113,11 @@ body {
103
113
-moz-transition : opacity 0.2s ease-in-out 0.1s ;
104
114
-o-transition : opacity 0.2s ease-in-out 0.1s ;
105
115
transition : opacity 0.2s ease-in-out 0.1s ;
116
+
117
+ [dir = rtl ] & {
118
+ left : 0 ;
119
+ right : .5em ;
120
+ }
106
121
}
107
122
108
123
& :hover .header-link {
@@ -335,6 +350,11 @@ body {
335
350
336
351
strong {
337
352
margin-right : 10px ;
353
+
354
+ [dir = rtl ] & {
355
+ margin-right : 0 ;
356
+ margin-left : 10px ;
357
+ }
338
358
}
339
359
}
340
360
@@ -347,6 +367,11 @@ body {
347
367
border : 1px solid mix (#000 , $border-color , 25% );
348
368
border-radius : $border-radius ;
349
369
370
+ [dir = rtl ] & {
371
+ margin-right : 0 ;
372
+ margin-left : 5px ;
373
+ }
374
+
350
375
& :hover {
351
376
text-decoration : none ;
352
377
color : $link-color-hover ;
@@ -530,9 +555,17 @@ body {
530
555
padding-top : 1em ;
531
556
border-top : 1px solid $border-color ;
532
557
558
+ [dir = rtl ] & {
559
+ float : right ;
560
+ }
561
+
533
562
@include breakpoint ($large ) {
534
563
float : right ;
535
564
width : calc (100% - #{$right-sidebar-width-narrow } );
565
+
566
+ [dir = rtl ] & {
567
+ float : left ;
568
+ }
536
569
}
537
570
538
571
@include breakpoint ($x-large ) {
0 commit comments