From 513294d1597e3975f44897e0a89052daa62767f2 Mon Sep 17 00:00:00 2001
From: Leopoldthecoder <Leopoldthecuber@gmail.com>
Date: Fri, 3 Nov 2017 16:34:35 +0800
Subject: [PATCH] Chalk: fix styles for vertical Slider and nested Tabs

---
 packages/theme-chalk/src/slider.scss | 4 ++--
 packages/theme-chalk/src/tabs.scss   | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/theme-chalk/src/slider.scss b/packages/theme-chalk/src/slider.scss
index 0f4486cf..94d3f8cb 100644
--- a/packages/theme-chalk/src/slider.scss
+++ b/packages/theme-chalk/src/slider.scss
@@ -140,12 +140,12 @@
   @include when(vertical) {
     position: relative;
     .el-slider__runway {
-      width: 4px;
+      width: $--slider-height;
       height: 100%;
       margin: 0 16px;
     }
     .el-slider__bar {
-      width: 4px;
+      width: $--slider-height;
       height: auto;
       border-radius: 0 0 3px 3px;
     }
diff --git a/packages/theme-chalk/src/tabs.scss b/packages/theme-chalk/src/tabs.scss
index 97d3ce1d..b60de5e5 100644
--- a/packages/theme-chalk/src/tabs.scss
+++ b/packages/theme-chalk/src/tabs.scss
@@ -229,9 +229,11 @@
       padding-left: 0;
     }
 
-    &.el-tabs--border-card .el-tabs__item:nth-child(2),
-    &.el-tabs--card .el-tabs__item:nth-child(2) {
-      padding-left: 20px;
+    &.el-tabs--border-card, &.el-tabs--card,
+    .el-tabs--left, .el-tabs--right {
+      .el-tabs__item:nth-child(2) {
+        padding-left: 20px;
+      }
     }
   }
   @include m(bottom) {