假设我要遍历$grid-breakpoints
以仅设置扩展导航栏的样式(假设我不知道.navbar-expand
类名的值,因为用户可以选择任何名称。我会这样做:
@each $breakpoint, $value in $grid-breakpoints {
.navbar-expand-#{$breakpoint} {
@include media-breakpoint-up(#{$breakpoint}) {
// exanded navbar styles here
}
}
}
这正常。但是,现在我要设置未展开导航栏的样式。我的第一个想法是使用:
@each $breakpoint, $value in $grid-breakpoints {
.navbar-expand-#{$breakpoint} {
@include media-breakpoint-down(#{$breakpoint}) {
// exanded navbar styles here
}
}
}
但是down
关键字也设置了我不需要的当前断点的样式。因此,我需要以某种方式获取先前的断点。我该怎么做?