css - 如何在 sass 中反转数字

Question

我有一个像这样的 sass 类：

@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 {...}
...

如何扭转结果？

标签： csssassless

Answer 1

就像下面这样：

$columns:12;

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