added demo site

2025-04-03 17:45:27 -04:00
parent 3a0ad9d804
commit 50af7ae33a
15 changed files with 1732 additions and 1 deletions
--- a/demo/css/dialog.css
+++ b/demo/css/dialog.css
@ -0,0 +1,24 @@
+@layer dialog {
+    [data-open-dialog]:hover { cursor: pointer; }
+
+    dialog {
+        border: 0;
+        padding: var(--half-space);
+        position: relative;
+
+        &::backdrop {
+            background-color: rgb(0 0 0 / .75);
+        }
+
+        .close-btn:hover { cursor: pointer; }
+
+        .close-icon {
+            height: 20px;
+            inset: var(--quarter-space) var(--quarter-space) auto auto;
+            position: absolute;
+            width: 20px;
+        }
+
+        body:has(&[open]) { overflow: hidden; }
+    }
+}