feat: scss public

Former-commit-id: 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7 [formerly 8ba9ec64281660336d5fb304b9a5a64cbb2aa17c [formerly a2e8abc48eb676a12c407d8f5e3f2f6b5151686a]]]]]
Former-commit-id: 05526984ebfd295b5fc6eb9f2204c7785b962ecf
Former-commit-id: 770c57651cba3499bc7bcd3c33cf10becb5f289e
Former-commit-id: bf411035a0a7488a3f329786911deb401b4c5bff [formerly 2b4ca8aa7eccc9fe3da2abdd55b886fdc189df09]
Former-commit-id: 233582f8c356147ddea2f836fcf45fe215f7f79d
Former-commit-id: 1b4ed84ffe61099ac9a2d077851f133d33626df9
Former-commit-id: bf66bb6d5444d94cca4b628cbc7ff407b4c50511
Former-commit-id: 8dff1bb9cd43cdc30d42ec5c4373c25c1cae8214
Former-commit-id: 419216ae2da027e8a0282ca71590bdd2e51a1133

src/pages/demo/components/contextmenu/style/pub.scss

@@ -1,4 +1,3 @@
-@import '~@/assets/style/public.scss';
 .contextmenu-pad {
   height: 300px;
   background-color: $color-bg;

src/pages/demo/components/countup/index.vue

@@ -75,7 +75,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .page {
   .group {
     display: flex;

src/pages/demo/components/icon/icon.vue

@@ -9,7 +9,6 @@
 </template>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .icon-demo {
   transition: all .3s;
   font-size: 100px;

src/pages/demo/components/icon/select.vue

@@ -38,7 +38,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .title-group {
   margin-top: 20px;
   margin-bottom: 10px;

src/pages/demo/components/icon/svg.vue

@@ -13,7 +13,6 @@
 </template>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .icon-card {
   display: flex;
   justify-content: center;

src/pages/demo/components/layout/grid.vue

@@ -98,7 +98,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .page {
   .vue-grid-layout {
     background-color: $color-bg;

src/pages/demo/element/basic-color/index.vue

@@ -92,7 +92,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/unit/color.scss';
 .color {
   border-radius: 4px;
   height: 90px;

src/pages/demo/playground/log/console/index.vue

@@ -57,7 +57,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .page {
   .page__image-demo {
     border-radius: 4px;

src/pages/demo/playground/store/gray/index.vue

@@ -67,7 +67,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .page {
   .colorful {
     @extend %unable-select;

src/pages/demo/playground/store/theme/index.vue

@@ -59,7 +59,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .page {
   .theme-preview {
     height: 50px;

src/pages/demo/plugins/better-scroll/base.vue

@@ -43,7 +43,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .demo-bs-wrapper {
   height: 200px;
   width: 300px;

src/pages/demo/plugins/better-scroll/to.vue

@@ -87,7 +87,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .demo-bs-wrapper {
   height: 400px;
   position: relative;

src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue

@@ -45,7 +45,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
 .col {
   padding: 20px;
   border-radius: 4px;