Tabs | Negative margin to left align tab items

Wisembly · Jun 24, 2015 · 61d2f0c · 61d2f0c
1 parent 580425f
commit 61d2f0c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/dist/app.css b/dist/app.css
diff --git a/src/scss/components/tabs/_base.scss b/src/scss/components/tabs/_base.scss
@@ -1,5 +1,5 @@
 .Tabs {
-  margin: 0;
+  margin: 0 0 0 (-$mg--s);
   padding: 0;
   font-size: 0;
   text-align: left;

diff --git a/src/scss/components/tabs/_link.scss b/src/scss/components/tabs/_link.scss
@@ -1,8 +1,7 @@
 .Tab-link {
   display: block;
   position: relative;
-  margin: 0 $mg--s;
-  padding: $base-pd 0;
+  padding: $base-pd $pd--s;
   font-size: $base-fz;
   font-weight: $fw--semi-bold;
   text-decoration: none;

diff --git a/src/scss/components/tabs/_size.scss b/src/scss/components/tabs/_size.scss
@@ -1,6 +1,6 @@
 .Tabs--s {
   .Tab-link {
-    padding: $pd--xs 0;
+    padding: $pd--xs $pd--s;
     font-size: $fz--s;
   }