Получить верхнее число строк в sass карте?

Question

У меня есть эта карта sass:

$breakpoints: (
    xs 0 $breakpoint-sm,
    sm $breakpoint-sm + 1 $breakpoint-md,
    md $breakpoint-md + 1 $breakpoint-lg,
    lg $breakpoint-lg + 1 $breakpoint-xlg,
    xlg $breakpoint-xlg + 1 $breakpoint-xxlg,
    xxlg $breakpoint-xxlg + 1 $no-limit
) !default;

Теперь я хотел бы получить первые четыре "строки" в @each l oop, как это будет достигнуто?

Answer 1

Поскольку вы знаете значение, которое хотите использовать, вы можете сделать это следующим образом:

@each $key, $value in map-remove($breakpoints, xxlg, xlg) {
    @media (max-width: $value ){
        // dummy content printing out the breakpoint
        body::before { content: '#{$key}' }
    }
}

Вы не l oop на x количество элементов, но вы удаляете ненужные элементы.
Обратите внимание, что это не приведет к изменению вашей исходной карты.