[breaking change] rebuild style struct (#2021)

packages/swipe-cell/demo/index.vue

@@ -67,8 +67,8 @@ export default {
 };
 </script>
 
-<style lang="postcss">
-@import '../../vant-css/src/common/var.css';
+<style lang="less">
+@import '../../style/var';
 
 .demo-swipe-cell {
   user-select: none;
@@ -76,14 +76,14 @@ export default {
   .van-swipe-cell {
     &__left,
     &__right {
-      color: $white;
+      color: @white;
       font-size: 15px;
       width: 65px;
       height: 44px;
       display: inline-block;
       text-align: center;
       line-height: 44px;
-      background-color: $red;
+      background-color: @red;
     }
   }
 }

packages/swipe-cell/index.less

@@ -0,0 +1,23 @@
+@import '../style/var';
+
+.van-swipe-cell {
+  overflow: hidden;
+  position: relative;
+
+  &__left,
+  &__right {
+    top: 0;
+    height: 100%;
+    position: absolute;
+  }
+
+  &__left {
+    left: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  &__right {
+    right: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}