Question

我现在正在使用Foundation4的章节。这是一个非常好的组件，但我希望做一些自定义。我真的不认识SASS。我在文档中注意到，我们可以使用以下代码行进行自定义：

.section-auto-sample-custom {
  @include section-container($section-type:tabs);
  & > section { @include section($section-type:tabs, $title-selector:".title-sample", $content-selector:".content-sample", $title-padding: 10px 50px, $title-color:#000, $title-bg:pink, $title-bg-hover:darken(pink,5%), $title-bg-active: #fff, $title-color-active: darken(pink,10%)); }
}

这是Mixin吗？我是否必须将其保存为.sass文件并对其进行预编译，还是将其删除到常规的css文件中？

即使我理解了这一点，另一个问题就出现了：如何调整标题标签的宽度以使其随内容的宽度自动调整？例如，如果我有三个选项卡，它们应该位于顶部，并且具有相等的宽度，总计为其选项卡内容的宽度。

有没有简单的方法呢？我需要使用JavaScript吗？

Answer 1

我使用一小段jQuery来做这件事。

$('.section-container .title').width(100/$('.section-container .title').size() + '%');

Make Section选项卡展开整行

1 个答案: