Working history state

1 files changed, 46 insertions, 6 deletions

diff --git a/src/styles/styles.css b/src/styles/styles.css
index 1bf4663..96b39ec 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -13,7 +13,6 @@
 
 /* <global> */
 * {
-    cursor: url('/img/cursor/regular.png'), auto !important;
     color: var(--foreground);
     font-family: var(--font), var(--font-fallback);
 
@@ -99,9 +98,6 @@ textarea {
     background: none;
     resize: vertical;
 }
-textarea:hover {
-    cursor: url('/img/cursor/hover.png'), auto !important;
-}
 *:focus {
     border-color: var(--regular6);
     outline: none;
@@ -133,8 +129,52 @@ button {
     padding: 8px;
 }
 button:hover {
-    cursor: url('/img/cursor/hover.png'), auto !important;
     border: 3px solid var(--regular6);
-    transition: border-color 0.2s;
+    transition: border-color 0.2s ease-in-out;
+}
+button:disabled,
+button[disabled] {
 }
 /* </buttons> */
+
+/* <grid> */
+.grid {
+    border: 3px solid var(--regular4);
+    padding: 1rem;
+
+    font-size: 1.5rem;
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    line-height: 1;
+    white-space: pre;
+    border-radius: 4px;
+    overflow-x: auto;
+    font-feature-settings:
+        'tnum',
+        'kern' 0;
+    font-variant-numeric: tabular-nums;
+}
+
+.grid-row {
+    display: flex;
+}
+
+.grid-cell {
+    display: inline-block;
+    min-width: 1ch;
+    width: 1ch;
+    max-width: 1ch;
+    text-align: center;
+    overflow: hidden;
+    vertical-align: top;
+    transition: background-color 0.1s ease-in-out;
+    box-sizing: border-box;
+    white-space: nowrap;
+}
+
+.grid-cell:hover {
+    background-color: var(--background-body);
+}
+/* </grid> */