add lighning css

3V2T · Oct 5, 2024 · 025f4b8 · 025f4b8
1 parent b094a58
commit 025f4b8
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 11 deletions.
diff --git a/client/src/assets/scss/App.scss b/client/src/assets/scss/App.scss
@@ -33,11 +33,6 @@ h5 {
   color: $text-color;
 }
 
-// h1, h2, h3, h4, h5 {
-//   text-shadow: 2px 2px 3px rgb(180, 176, 176);
-
-// }
-
 .divider {
   color: $primary-bg-color;
   width: 100%;
@@ -78,7 +73,6 @@ h5 {
   font-size: 2rem;
   letter-spacing: 1px;
 }
-// breadcrumb
 .breadcrumb {
   margin: 5rem 5rem 2rem;
   .breadcrumb-item {

diff --git a/client/src/assets/scss/Card.scss b/client/src/assets/scss/Card.scss
@@ -52,7 +52,7 @@
 .flip-card {
   width: 300px;
   height: 200px;
-  perspective: 1000px; // Remove this if you don't want the 3D effect
+  perspective: 1000px;
 
   &-inner {
     position: relative;
@@ -70,7 +70,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    -webkit-backface-visibility: hidden; // Safari
+    -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
   }
   &-back {

diff --git a/client/src/assets/scss/Navbar.scss b/client/src/assets/scss/Navbar.scss
@@ -12,12 +12,12 @@
     margin: 0 5px;
     border-radius: 10px;
     &:hover {
-      background-color: $primary-bg-color-hover; // Thay đổi màu khi hover
+      background-color: $primary-bg-color-hover;
       color: $tertiary-bg-color;
     }
     &:focus,
     &:active {
-      background-color: $primary-bg-color-hover; // Thay đổi màu khi hover
+      background-color: $primary-bg-color-hover;
       color: $tertiary-bg-color;
     }
   }
@@ -33,7 +33,7 @@
     .dropdown-item {
       background-color: $quaternary-bg-color;
       &:hover {
-        background-color: $quaternary-bg-color-hover; // Thay đổi màu khi hover
+        background-color: $quaternary-bg-color-hover;
       }
     }
   }

diff --git a/client/vite.config.js b/client/vite.config.js
@@ -1,8 +1,18 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import path from 'path'
+import browserslist from 'browserslist'
+import { browserslistToTargets } from 'lightningcss'
 // https://vitejs.dev/config/
 export default defineConfig({
+  css: {
+    lightningcss: {
+      targets: browserslistToTargets(browserslist('>= 0.25%')),
+    }
+  },
+  build: {
+    cssMinify: 'lightningcss'
+  },
   base: '/',
   plugins: [react()],
   resolve: {

diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "lightningcss": "^1.27.0",
     "nodemon": "^3.1.3"
   },
   "dependencies": {