// 响应列的水平位置偏移 @mixin make-offset-rtl() { @for $i from 1 through $grid-columns { .#{$css-prefix}col-offset-#{$i}[dir="rtl"] { margin-right: percentage($i / $grid-columns); margin-left: auto; } } @each $breakpoint in $breakpoints { $name: #{nth($breakpoint, 1)}; @include breakpoint($name) { @for $j from 1 through $grid-columns { .#{$css-prefix}col-#{$name}-offset-#{$j}[dir="rtl"] { margin-right: percentage($j / $grid-columns); margin-left: auto; } } } } } // 固定列的水平位置偏移 @mixin make-offset-fixed-rtl() { @for $i from 1 through $grid-columns-fixed { .#{$css-prefix}col-offset-fixed-#{$i}[dir="rtl"] { margin-right: $i * $grid-col-fixed-width; margin-left: auto; } } @each $breakpoint in $breakpoints { $name: #{nth($breakpoint, 1)}; @for $j from 1 through $grid-columns-fixed { .#{$css-prefix}col-offset-fixed-#{$name}-#{$j}[dir="rtl"] { margin-right: $j * $grid-col-fixed-width; margin-left: auto; } } } } @include make-offset-rtl(); @include make-offset-fixed-rtl();