From 5cd810d480c6a5cb635e42582db24a1538faff9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Fri, 10 May 2019 19:42:58 +0800
Subject: [PATCH] [improvement] Skeleton: add less vars

---
 packages/skeleton/index.less | 10 +++++-----
 packages/style/var.less      |  7 +++++++
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/skeleton/index.less b/packages/skeleton/index.less
index fa9925387..da029310f 100644
--- a/packages/skeleton/index.less
+++ b/packages/skeleton/index.less
@@ -7,7 +7,7 @@
   &__avatar {
     flex-shrink: 0;
     margin-right: 15px;
-    background-color: @active-color;
+    background-color: @skeleton-avatar-background-color;
 
     &--round {
       border-radius: 100%;
@@ -24,8 +24,8 @@
 
   &__row,
   &__title {
-    height: 16px;
-    background-color: @active-color;
+    height: @skeleton-row-height;
+    background-color: @skeleton-row-background-color;
   }
 
   &__title {
@@ -34,7 +34,7 @@
 
   &__row {
     &:not(:first-child) {
-      margin-top: 12px;
+      margin-top: @skeleton-row-margin-top;
     }
   }
 
@@ -43,7 +43,7 @@
   }
 
   &--animate {
-    animation: van-skeleton-blink 1.2s ease-in-out infinite;
+    animation: van-skeleton-blink @skeleton-animation-duration ease-in-out infinite;
   }
 }
 
diff --git a/packages/style/var.less b/packages/style/var.less
index c254ce679..d20fd50a6 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -245,6 +245,13 @@
 @sidebar-selected-border-color: @red;
 @sidebar-selected-background-color: @white;
 
+// Skeleton
+@skeleton-row-height: 16px;
+@skeleton-row-background-color: @active-color;
+@skeleton-row-margin-top: 12px;
+@skeleton-avatar-background-color: @active-color;
+@skeleton-animation-duration: 1.2s;
+
 // Slider
 @slider-active-background-color: @blue;
 @slider-inactive-background-color: @gray-light;