chore: Fix SASS warnings

gabe565 · Dec 22, 2024 · aad12b2 · aad12b2
1 parent 92903ef
commit aad12b2
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -101,6 +101,8 @@ onBeforeMount(() => {
 </script>
 
 <style lang="scss">
+@use "sass:selector";
+
 .v-application {
   p {
     margin-bottom: 1rem;
@@ -132,24 +134,24 @@ span.anchor {
   &--variant-outlined {
     border-radius: 4px !important;
 
-    @at-root #{selector-unify(".v-theme--light", &)} {
+    @at-root #{selector.unify(".v-theme--light", &)} {
       border: thin solid rgba(0, 0, 0, 0.42);
     }
 
-    @at-root #{selector-unify(".v-theme--dark", &)} {
+    @at-root #{selector.unify(".v-theme--dark", &)} {
       border: thin solid rgba(255, 255, 255, 0.24);
     }
   }
 
   /* Striped Tables */
   &--variant-striped {
-    @at-root #{selector-unify(".v-theme--light", &)} {
+    @at-root #{selector.unify(".v-theme--light", &)} {
       tbody tr:nth-of-type(odd) {
         background-color: rgba(0, 0, 0, 0.05);
       }
     }
 
-    @at-root #{selector-unify(".v-theme--dark", &)} {
+    @at-root #{selector.unify(".v-theme--dark", &)} {
       tbody tr:nth-of-type(odd) {
         background-color: rgba(255, 255, 255, 0.04);
       }