gpt4 book ai didi

css - 如何使用网格行mixin

转载 作者:行者123 更新时间:2023-11-28 06:34:32 33 4
gpt4 key购买 nike

我正在努力理解这个 mixin 的工作原理。文档提供的示例是...

@include grid-row($columns, $behavior, $width, $cf, $gutter) { */ what goes here???*/ }

这就是我的 SCSS 中的内容...

.custom_row {@include grid-row(20, nest, 1000, true, 15);}

我想做的是创建一个包含 20 列的行,而不是默认的 12 列。

SCSS 似乎可以正常编译,但 mixin 没有向我的 CSS 输出任何内容。

最佳答案

想通了。如果 Zurb 的文档能够提供有关如何使用它们的实际示例,那就太好了。

这是对我有用的...

.custom_row {@include grid-row(20, 'nest', 1000, true, 15) {
.custom_column {@include grid-column(4,10);}
}

关于css - 如何使用网格行mixin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34773847/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com