Added tab-space class.

sjohnsonaz · Jun 21, 2018 · 259c90d · 259c90d
1 parent 029296a
commit 259c90d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/styl/tab/tab.styl b/src/styl/tab/tab.styl
@@ -66,7 +66,6 @@
         box-shadow: $tab-box-shadow;
         & > div {
             display: none;
-            padding: $tab-body-padding;
             clearfix();
             &.tab-active {
                 display: block;
@@ -82,8 +81,12 @@
         background-color: $tab-background-color;
         border-radius: 0 $tab-border-radius $tab-border-radius $tab-border-radius;
         box-shadow: $tab-box-shadow;
-        & > div {
-            //padding: $tab-body-padding;
+    }
+
+    &.tab-space {
+        .tab-body > div,
+        .tab-carousel > div {
+            padding: $tab-body-padding;
         }
     }
 }
diff --git a/test/views/containers.hbs b/test/views/containers.hbs
@@ -13,7 +13,7 @@
         </div>
 
         <h3>Tab</h3>
-        <div class="tab-container" id="tab-regular">
+        <div class="tab-container tab-space" id="tab-regular">
             <ul class="tab-header">
                 <li class="tab-title tab-active">
                     <a>Widgets</a>
@@ -35,7 +35,7 @@
         </div>
 
         <h3>Carousel</h3>
-        <div class="tab-container" id="tab-carousel">
+        <div class="tab-container tab-space" id="tab-carousel">
             <ul class="tab-header">
                 <li class="tab-title tab-active">
                     <a>Widgets</a>