chore: demo using css vars (#9265)

2021-08-17 09:50:28 +08:00
parent 42888a1c22
commit 33996db3fa
42 changed files with 85 additions and 168 deletions
@@ -116,18 +116,16 @@ const reduce = () => {
 </template>

 <style lang="less">
-@import '../../style/var';
-
 .demo-circle {
  .van-circle {
-    margin-left: @padding-md;
+    margin-left: var(--van-padding-md);
  }

  .van-button {
-    margin: @padding-md 0 0 10px;
+    margin: var(--van-padding-md) 0 0 10px;

    &:first-of-type {
-      margin-left: @padding-md;
+      margin-left: var(--van-padding-md);
    }
  }
 }