scss CSS Grid变量列

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss CSS Grid变量列相关的知识,希望对你有一定的参考价值。

.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;
}

以上是关于scss CSS Grid变量列的主要内容,如果未能解决你的问题,请参考以下文章

scss CSS Grid Basic语法

scss SCSS:CSS Wizardry Grid Mod - 使用AdobeBlank和数字命名空间

scss IE 11 - CSS Grid - SASS mixins

Nuxt & SassError:未定义的变量

css CSS Grid响应列

我可以为选择器使用变量吗?