sass - セクション タブを行全体に展開する

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 ファイルにドロップするだけですか?

これを理解している場合でも、別の質問が先に出てきます: タイトル タブの幅を調整して、コンテンツの幅に合わせて自動調整するにはどうすればよいですか? たとえば、3 つのタブがある場合、それらは上部に配置され、合計するとタブ コンテンツの幅と同じ幅になります。

それを行う簡単な方法はありますか？JavaScript を使用する必要がありますか?