scss CSS Grid变量列

Posted 2021-05-17

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(#{($max-site-width - 2*$gutter - 3*$grid-gap)*0.25}, 1fr));    //= 25% of container width WITHOUT outer padding and grid-gaps (3x)
  grid-auto-columns: min-content;
  grid-gap: 16px;
}