[breaking change] rebuild style struct (#2021)

docs/src/DocsApp.vue

@@ -46,7 +46,7 @@ export default {
 };
 </script>
 
-<style lang="postcss">
+<style lang="less">
 .van-doc-intro {
   text-align: center;
   font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;

docs/src/WapApp.vue

@@ -38,7 +38,7 @@ export default {
 };
 </script>
 
-<style lang="postcss">
+<style lang="less">
 body {
   color: #333;
   line-height: 1;

docs/src/components/DemoList.vue

@@ -56,8 +56,8 @@ export default {
 };
 </script>
 
-<style lang="postcss">
-@import '../../../packages/vant-css/src/common/var.css';
+<style lang="less">
+@import '../../../packages/style/var';
 
 .side-nav {
   width: 100%;
@@ -103,9 +103,9 @@ export default {
   top: 15px;
   right: 15px;
   font-size: 11px;
-  border: 1px solid $blue;
+  border: 1px solid @blue;
   border-radius: 3px;
-  color: $blue;
+  color: @blue;
   cursor: pointer;
 
   span {
@@ -116,7 +116,7 @@ export default {
 
     &.active {
       color: #fff;
-      background-color: $blue;
+      background-color: @blue;
     }
   }
 }

docs/src/components/DemoPages.vue

@@ -84,7 +84,7 @@ export default {
 };
 </script>
 
-<style lang="postcss">
+<style lang="less">
 .van-doc-demo-pages {
   &__gallery {
     margin-top: 30px;

docs/src/components/MobileNav.vue

@@ -28,7 +28,7 @@ export default {
 };
 </script>
 
-<style lang="postcss">
+<style lang="less">
 .mobile-nav {
   &__item {
     margin-bottom: 20px;

docs/src/demo-entry.js

@@ -42,6 +42,7 @@ export default {
   'slider': () => wrapper(import('../../packages/slider/demo'), 'slider'),
   'stepper': () => wrapper(import('../../packages/stepper/demo'), 'stepper'),
   'steps': () => wrapper(import('../../packages/steps/demo'), 'steps'),
+  'style': () => wrapper(import('../../packages/style/demo'), 'style'),
   'submit-bar': () => wrapper(import('../../packages/submit-bar/demo'), 'submit-bar'),
   'swipe': () => wrapper(import('../../packages/swipe/demo'), 'swipe'),
   'swipe-cell': () => wrapper(import('../../packages/swipe-cell/demo'), 'swipe-cell'),
@@ -53,6 +54,5 @@ export default {
   'toast': () => wrapper(import('../../packages/toast/demo'), 'toast'),
   'tree-select': () => wrapper(import('../../packages/tree-select/demo'), 'tree-select'),
   'uploader': () => wrapper(import('../../packages/uploader/demo'), 'uploader'),
-  'vant-css': () => wrapper(import('../../packages/vant-css/demo'), 'vant-css'),
   'waterfall': () => wrapper(import('../../packages/waterfall/demo'), 'waterfall')
 };

docs/src/doc.config.js

@@ -40,7 +40,7 @@ module.exports = {
                 title: '更新日志'
               },
               {
-                path: '/vant-css',
+                path: '/style',
                 title: '内置样式'
               },
               {
@@ -344,7 +344,7 @@ module.exports = {
                 title: 'Changelog'
               },
               {
-                path: '/vant-css',
+                path: '/style',
                 title: 'Built-in style'
               },
               {

docs/src/docs-entry.js

@@ -92,6 +92,8 @@ export default {
   'stepper.zh-CN': () => import('../../packages/stepper/zh-CN.md'),
   'steps.en-US': () => import('../../packages/steps/en-US.md'),
   'steps.zh-CN': () => import('../../packages/steps/zh-CN.md'),
+  'style.en-US': () => import('../../packages/style/en-US.md'),
+  'style.zh-CN': () => import('../../packages/style/zh-CN.md'),
   'submit-bar.en-US': () => import('../../packages/submit-bar/en-US.md'),
   'submit-bar.zh-CN': () => import('../../packages/submit-bar/zh-CN.md'),
   'swipe.en-US': () => import('../../packages/swipe/en-US.md'),
@@ -114,8 +116,6 @@ export default {
   'tree-select.zh-CN': () => import('../../packages/tree-select/zh-CN.md'),
   'uploader.en-US': () => import('../../packages/uploader/en-US.md'),
   'uploader.zh-CN': () => import('../../packages/uploader/zh-CN.md'),
-  'vant-css.en-US': () => import('../../packages/vant-css/en-US.md'),
-  'vant-css.zh-CN': () => import('../../packages/vant-css/zh-CN.md'),
   'waterfall.en-US': () => import('../../packages/waterfall/en-US.md'),
   'waterfall.zh-CN': () => import('../../packages/waterfall/zh-CN.md')
 };

docs/src/mobile.js

@@ -1,4 +1,4 @@
-import '../../packages/vant-css/src/index.css';
+import '../../packages/index.less';
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import App from './WapApp';