UNPKG

1.36 kBSCSSView Raw
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();