使用混合/语义网格的SCSS编译错误

Question

我刚刚将语义网格css文件添加到我的项目中，并将其导入到我的主页.scss中。".column（x）"导致编译错误。我显然在做一些愚蠢的事情——有人发现问题吗？

@import '../layout/main.scss';
@import '../base/grid.scss';
$columns: 12;
$column-width: 60;
$gutter-width: 30em;
$total-width: 100%;
.banner{
    .column(6);
     background: pink;
     height: 5em;
 }

Answer 1

SCSS 语法与 LESS 不同。你需要：

@include column(6);