diff --git a/src/divider/index.less b/src/divider/index.less
index 6a840e99f..57d073b11 100644
--- a/src/divider/index.less
+++ b/src/divider/index.less
@@ -19,7 +19,7 @@
     height: 1px;
     border-color: inherit;
     border-style: inherit;
-    border-width: 1px 0 0;
+    border-width: @border-width-base 0 0;
   }
 
   &::before {
diff --git a/src/grid-item/index.less b/src/grid-item/index.less
index 19a7a4aef..a4879e96e 100644
--- a/src/grid-item/index.less
+++ b/src/grid-item/index.less
@@ -18,7 +18,7 @@
 
     &::after {
       z-index: 1;
-      border-width: 0 1px 1px 0;
+      border-width: 0 @border-width-base @border-width-base 0;
     }
 
     &--square {
@@ -35,7 +35,7 @@
 
     &--surround {
       &::after {
-        border-width: 1px;
+        border-width: @border-width-base;
       }
     }
 
diff --git a/src/number-keyboard/index.less b/src/number-keyboard/index.less
index 38465767d..09a822c51 100644
--- a/src/number-keyboard/index.less
+++ b/src/number-keyboard/index.less
@@ -71,7 +71,7 @@
   vertical-align: middle;
 
   &::after {
-    border-width: 1px 1px 0 0;
+    border-width: @border-width-base @border-width-base 0 0;
   }
 
   &--middle {
diff --git a/src/pagination/index.less b/src/pagination/index.less
index 4149c271f..1b17fbf4b 100644
--- a/src/pagination/index.less
+++ b/src/pagination/index.less
@@ -21,11 +21,11 @@
     }
 
     &::after {
-      border-width: 1px 0 1px 1px;
+      border-width: @border-width-base 0 @border-width-base @border-width-base;
     }
 
     &:last-child::after {
-      border-right-width: 1px;
+      border-right-width: @border-width-base;
     }
 
     &--disabled,
@@ -43,7 +43,7 @@
 
   &__prev,
   &__next {
-    padding: 0 5px;
+    padding: 0 @padding-base;
   }
 
   &__page {
@@ -60,7 +60,7 @@
     .van-pagination__prev,
     .van-pagination__next {
       &::after {
-        border-width: 1px;
+        border-width: @border-width-base;
       }
     }
   }
diff --git a/src/style/hairline.less b/src/style/hairline.less
index 30048fb0c..61e525a81 100644
--- a/src/style/hairline.less
+++ b/src/style/hairline.less
@@ -41,6 +41,6 @@
   }
 
   &--surround::after {
-    border-width: 1px;
+    border-width: @border-width-base;
   }
 }
diff --git a/src/style/var.less b/src/style/var.less
index 066021f7a..9c052d210 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -14,7 +14,6 @@
 
 // Component Colors
 @text-color: #323233;
-@border-color: #ebedf0;
 @active-color: #f2f3f5;
 @background-color: #f8f8f8;
 @background-color-light: #fafafa;
@@ -27,19 +26,21 @@
 @padding-lg: @padding-base * 6;
 @padding-xl: @padding-base * 8;
 
-// Font Size
+// Font
 @font-size-xs: 10px;
 @font-size-sm: 12px;
 @font-size-md: 14px;
 @font-size-lg: 16px;
-
-// Font Weight
 @font-weight-bold: 500;
 
 // Animation
 @animation-duration-base: .3s;
 @animation-duration-fast: .2s;
 
+// Border
+@border-color: #ebedf0;
+@border-width-base: 1px;
+
 // ActionSheet
 @action-sheet-max-height: 90%;
 @action-sheet-header-height: 44px;
diff --git a/src/tabs/index.less b/src/tabs/index.less
index 6fcf76e49..856e849f3 100644
--- a/src/tabs/index.less
+++ b/src/tabs/index.less
@@ -78,13 +78,13 @@
       box-sizing: border-box;
       height: @tabs-card-height;
       margin: 0 @padding-md;
-      border: 1px solid @tabs-default-color;
+      border: @border-width-base solid @tabs-default-color;
       border-radius: 2px;
 
       .van-tab {
         color: @tabs-default-color;
         line-height: @tabs-card-height - 2px;
-        border-right: 1px solid @tabs-default-color;
+        border-right: @border-width-base solid @tabs-default-color;
 
         &:last-child {
           border-right: none;