Grid

Миксин создает css grid.

SCSS

.block {
  @include grid(repeat(2,1fr),auto,$zui-4);
}

CSS

.block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 4px;
}

minmax

minmax(200px, 1fr)
minmax(400px, 50%)
minmax(30%, 300px)
minmax(100px, max-content)
minmax(min-content, 400px)
minmax(max-content, auto)
minmax(auto, 300px)
minmax(min-content, auto)

.block {
  @include grid(minmax(200px, 1fr) ,auto,$zui-4);
}