使部分选项卡展开整行

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%)); }
}

这是混音吗？我是否必须将其保存到 .sass 文件并进行预编译，还是只需将其放到我的常规 css 文件中？

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

有什么简单的方法吗？我需要使用 JavaScript 吗？

Answer 1

我使用一点 jQuery 的 sn-p 来做到这一点。

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