Add right click to a pressed number to deselect

SavageCore · Dec 1, 2023 · 49284ae · 49284ae
1 parent 9b3b97d
commit 49284ae
Show file tree

Hide file tree

Showing 7 changed files with 172 additions and 186 deletions.
diff --git a/.stylelintrc b/.stylelintrc
@@ -2,5 +2,13 @@
   "extends": [
     "stylelint-prettier/recommended",
     "stylelint-config-standard-scss"
-  ]
+  ],
+  "rules": {
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        "ignorePseudoClasses": ["global"]
+      }
+    ]
+  }
 }
diff --git a/src/__snapshots__/App.spec.ts.snap b/src/__snapshots__/App.spec.ts.snap
@@ -262,10 +262,10 @@ exports[`should render without crashing 1`] = `
       class="container"
     >
       <div
-        class="atm-keypad svelte-w42tvt"
+        class="atm-keypad svelte-f9drc7"
       >
         <div
-          class="display svelte-w42tvt"
+          class="display svelte-f9drc7"
         >
           *
           
@@ -279,88 +279,80 @@ exports[`should render without crashing 1`] = `
         </div>
          
         <div
-          class="keypad svelte-w42tvt"
+          class="keypad svelte-f9drc7"
         >
           <div
-            class="row svelte-w42tvt"
+            class="row svelte-f9drc7"
           >
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="1"
             >
               1
             </button>
-             
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="2"
             >
               2
             </button>
-             
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="3"
             >
               3
             </button>
           </div>
-           
           <div
-            class="row svelte-w42tvt"
+            class="row svelte-f9drc7"
           >
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="4"
             >
               4
             </button>
-             
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="5"
             >
               5
             </button>
-             
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="6"
             >
               6
             </button>
           </div>
-           
           <div
-            class="row svelte-w42tvt"
+            class="row svelte-f9drc7"
           >
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="7"
             >
               7
             </button>
-             
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="8"
             >
               8
             </button>
-             
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="9"
             >
               9
             </button>
           </div>
            
           <div
-            class="row svelte-w42tvt"
+            class="row svelte-f9drc7"
           >
             <button
-              class="btn red svelte-w42tvt"
+              class="btn red svelte-f9drc7"
             >
               <svg
                 height="2rem"
@@ -375,14 +367,14 @@ exports[`should render without crashing 1`] = `
             </button>
              
             <button
-              class="btn svelte-w42tvt"
+              class="btn"
               data-value="0"
             >
               0
             </button>
              
             <button
-              class="btn green svelte-w42tvt"
+              class="btn green svelte-f9drc7"
             >
               <svg
                 height="2rem"
@@ -403,13 +395,13 @@ exports[`should render without crashing 1`] = `
         class="combinationDisplayContainer"
       >
         <p
-          class="attempts-display svelte-w42tvt"
+          class="attempts-display svelte-f9drc7"
         >
           Enter known fingerprints
         </p>
          
         <a
-          class="btn-inverted disabled svelte-w42tvt"
+          class="btn-inverted disabled svelte-f9drc7"
           href="#"
           role="button"
         >