chore(plugin-pwa-popup): convert style to scss

vuepress · Feb 2, 2024 · 498b329 · 498b329
1 parent f19bd7a
commit 498b329
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/plugins/plugin-pwa-popup/package.json b/plugins/plugin-pwa-popup/package.json
@@ -34,7 +34,7 @@
   "scripts": {
     "build": "tsc -b tsconfig.build.json",
     "clean": "rimraf --glob ./lib ./*.tsbuildinfo",
-    "copy": "cpx \"src/**/*.css\" lib"
+    "style": "sass src:lib --style=compressed --no-source-map"
   },
   "dependencies": {
     "@vuepress/plugin-pwa": "workspace:*",

diff --git a/...pwa-popup/src/client/styles/pwa-popup.css → ...wa-popup/src/client/styles/pwa-popup.scss b/...pwa-popup/src/client/styles/pwa-popup.css → ...wa-popup/src/client/styles/pwa-popup.scss
@@ -9,25 +9,23 @@
   box-shadow: var(--pwa-popup-shadow);
   text-align: center;
   z-index: var(--pwa-popup-z-index);
-}
 
-@media print {
-  .pwa-popup {
+  @media print {
     display: none;
   }
-}
 
-.pwa-popup > button {
-  cursor: pointer;
-  margin-top: 0.5em;
-  padding: 0.25em 2em;
-  border: none;
-  color: var(--pwa-popup-btn-text-color);
-  background-color: var(--pwa-popup-btn-bg-color);
-}
+  > button {
+    cursor: pointer;
+    margin-top: 0.5em;
+    padding: 0.25em 2em;
+    border: none;
+    color: var(--pwa-popup-btn-text-color);
+    background-color: var(--pwa-popup-btn-bg-color);
 
-.pwa-popup > button:hover {
-  background-color: var(--pwa-popup-btn-hover-bg-color);
+    &:hover {
+      background-color: var(--pwa-popup-btn-hover-bg-color);
+    }
+  }
 }
 
 .pwa-popup-enter-active,