fix: stylelint not work

packages/@vben-core/shared/design/build.config.ts

@@ -14,7 +14,7 @@ export default defineBuildConfig({
     {
       builder: 'mkdist',
       input: './src',
-      // loaders: ['postcss'],
+      loaders: ['postcss'],
       outDir: './dist',
       pattern: ['tailwind.css'],
     },

packages/@vben-core/shared/design/src/scss/common/base.scss

@@ -34,7 +34,7 @@ html {
   font-synthesis-weight: none;
   scroll-behavior: smooth;
   text-rendering: optimizelegibility;
-  -webkit-tap-highlight-color: rgb(128 128 128 / 50%);
+  -webkit-tap-highlight-color: transparent;
 }
 
 a,

packages/@vben-core/shared/design/src/tailwind.css

@@ -8,20 +8,31 @@
   }
 }
 
-@layer components {
+@layer utilities {
+  .flex-center {
+    @apply flex items-center justify-center;
+  }
+
+  .flex-col-center {
+    @apply flex flex-col items-center justify-center;
+  }
+
   .outline-box {
-    &:after {
+    @apply outline-border relative  cursor-pointer rounded-md p-1 outline outline-1;
+
+    &::after {
       @apply absolute left-1/2 top-1/2 z-20 h-0 w-[1px] rounded-sm opacity-0 outline outline-2 outline-transparent transition-all duration-300 content-[''];
     }
 
     &.outline-box-active {
       @apply outline-primary outline outline-2;
-      &:after {
+
+      &::after {
         display: none;
       }
     }
 
-    &:not(.outline-box-active):hover:after {
+    &:not(.outline-box-active):hover::after {
       @apply outline-primary left-0 top-0 h-full w-full p-1 opacity-100;
     }
   }