SkelJS - 不同的行偏移量，每个特定断点一个

Question

我开始使用 Skel 来构建响应式网页设计。

我想为我的不同断点（布局）设置替代单位宽度

看这段代码：

<div class="-1u 10u -1u">
     <p> Some text ipsum</p>
</div>

所以在这里，我们在行的每一侧都有 1u 的偏移量。我想做的是为我使用的每个断点设置特定的偏移量（宽、中、小、xxsmal）。

当我不需要偏移量时，我会这样做：

<div class="2u 6u(medium) 12u(small)">
     <p> Some text ipsum</p>
</div>

但是有了偏移量，它就不会像我期望的那样工作，任何帮助对我来说都是非常有用的。

我可能没有完全理解 SkelJS 是如何工作的，所以如果答案在文档中，请原谅。预先感谢您的回答。

Answer 1

假设您想在宽屏模式下使用：3 个偏移量 + 6 个单位 + 换行

然后在介质中：2 个偏移量 + 8 个单位 + 新行

小：12 个单位：

你会写：

<div class="-3u(wide) 6u$(wide) -2u(medium) 8u$(medium) 12u(small)">
</div>

SkelJS - Differents rows offsets, one for each specific breakpoints