如何反转 sass 中的数字

Question

我有一个 sass class 这样的：

@for $column from 1 through $columns {
    .column-#{$column} {
        @extend %set-margin;
        flex: 100% / $column;
    }
}

结果如下：

.column-1 {
    flex: 100%
}
.column-2 {...}
...

我想反转结果：

.column-12 {
    flex: 100%
}
.column-11 {...}
...

如何反转结果？

Answer 1

简单如下：

$columns:12;

@for $column from 1 through $columns {
    .column-#{$column} {
        flex: 100% / ($columns - $column + 1);
    }
}

Answer 2

您可以切换两个变量 1 和 $columns 并将 100% 除以倒数：

$columns: 4;

@for $column from $columns through 1 {
    .column-#{$column} {
        @extend %set-margin;
        flex: 100% / ($columns - $column + 1);
    }
}

如何反转 sass 中的数字

How to reverse number in sass

css

sass

less