[improvement] add padding variables (#3911)

src/divider/README.md

@@ -38,7 +38,7 @@ Vue.use(Divider);
 ### Custom Style
 
 ```html
-<van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 15px' }">
+<van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }">
   Text
 </van-divider>
 ```

src/divider/README.zh-CN.md

@@ -48,7 +48,7 @@ Vue.use(Divider);
 可以直接通过`style`属性设置分割线的样式
 
 ```html
-<van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 15px' }">
+<van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }">
   文字
 </van-divider>
 ```

src/divider/demo/index.vue

@@ -30,7 +30,7 @@
     </demo-block>
 
     <demo-block :title="$t('customStyle')">
-      <van-divider :style="{ borderColor: BLUE, color: BLUE, padding: '0 15px' }">
+      <van-divider :style="{ borderColor: BLUE, color: BLUE, padding: '0 16px' }">
         {{ $t('text') }}
       </van-divider>
     </demo-block>
@@ -67,11 +67,13 @@ export default {
 </script>
 
 <style lang="less">
+@import "../../style/var";
+
 .demo-divider {
-  background-color: #fff;
+  background-color: @white;
 
   .van-doc-demo-block__title {
-    padding-top: 15px;
+    padding-top: @padding-md;
   }
 }
 </style>

src/divider/test/__snapshots__/demo.spec.js.snap

@@ -24,7 +24,7 @@ exports[`renders demo correctly 1`] = `
     </div>
   </div>
   <div>
-    <div class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 15px;">
+    <div class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">
       文本
     </div>
   </div>