1 |
|
2 |
|
3 | @mixin make-offset-rtl() {
|
4 | @for $i from 1 through $grid-columns {
|
5 | .#{$css-prefix}col-offset-#{$i}[dir="rtl"] {
|
6 | margin-right: percentage(divide($i, $grid-columns));
|
7 | margin-left: auto;
|
8 | }
|
9 | }
|
10 | @each $breakpoint in $breakpoints {
|
11 | $name: #{nth($breakpoint, 1)};
|
12 | @include breakpoint($name) {
|
13 | @for $j from 1 through $grid-columns {
|
14 | .#{$css-prefix}col-#{$name}-offset-#{$j}[dir="rtl"] {
|
15 | margin-right: percentage(divide($j, $grid-columns));
|
16 | margin-left: auto;
|
17 | }
|
18 | }
|
19 | }
|
20 | }
|
21 | }
|
22 |
|
23 |
|
24 | @mixin make-offset-fixed-rtl() {
|
25 | @for $i from 1 through $grid-columns-fixed {
|
26 | .#{$css-prefix}col-offset-fixed-#{$i}[dir="rtl"] {
|
27 | margin-right: calc(#{$i} * #{$grid-col-fixed-width});
|
28 | margin-left: auto;
|
29 | }
|
30 | }
|
31 | @each $breakpoint in $breakpoints {
|
32 | $name: #{nth($breakpoint, 1)};
|
33 | @for $j from 1 through $grid-columns-fixed {
|
34 | .#{$css-prefix}col-offset-fixed-#{$name}-#{$j}[dir="rtl"] {
|
35 | margin-right: calc(#{$j} * #{$grid-col-fixed-width});
|
36 | margin-left: auto;
|
37 | }
|
38 | }
|
39 | }
|
40 | }
|
41 |
|
42 | @include make-offset-rtl();
|
43 | @include make-offset-fixed-rtl();
|