From: Geoff Kimball <geoff@zurb.com>
Date: Fri, 18 Dec 2015 00:47:21 +0000 (-0800)
Subject: Add SassDoc comments to new tab mixins
X-Git-Tag: v6.1.0~28
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d3430f7cfe8a4fc2b69c81e905879a59327e10e4;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add SassDoc comments to new tab mixins
---

diff --git a/scss/components/_tabs.scss b/scss/components/_tabs.scss
index 1c2dcb084..6eec814fa 100644
--- a/scss/components/_tabs.scss
+++ b/scss/components/_tabs.scss
@@ -53,6 +53,7 @@ $tab-content-color: foreground($tab-background, $primary-color) !default;
 /// @type Number | List
 $tab-content-padding: 1rem !default;
 
+/// Adds styles for a tab container. Apply this to a `<ul>`.
 @mixin tabs-container {
   @include clearfix;
   margin: $tab-margin;
@@ -61,6 +62,7 @@ $tab-content-padding: 1rem !default;
   border: 1px solid $tab-content-border;
 }
 
+/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.
 @mixin tabs-container-vertical {
   > li {
     width: auto;
@@ -69,6 +71,7 @@ $tab-content-padding: 1rem !default;
   }
 }
 
+/// Adds styles for the links within a tab container. Apply this to the `<li>` elements inside a tab container.
 @mixin tabs-title {
   float: #{$global-left};
 
@@ -90,6 +93,7 @@ $tab-content-padding: 1rem !default;
   }
 }
 
+/// Adds styles for the wrapper that surrounds a tab group's content panes.
 @mixin tabs-content {
   background: $tab-content-background;
   transition: all 0.5s ease;
@@ -97,11 +101,13 @@ $tab-content-padding: 1rem !default;
   border-top: 0;
 }
 
+/// Augments a tab content container to have a vertical style, by shifting the border around. Use this in conjunction with `tabs-content()`.
 @mixin tabs-content-vertical {
   border: 1px solid $tab-content-border;
   border-#{$global-left}: 0;
 }
 
+/// Adds styles for an individual tab content panel within the tab content container.
 @mixin tabs-panel {
   display: none;
   padding: $tab-content-padding;