chore(root): archive examples into tech-preview (#315)

2026-08-16 02:45:09 +00:00 · 2026-01-20 14:35:51 +11:00
parent 78695d4bb6
commit 35c6cb1e16
62 changed files with 33 additions and 1519 deletions
@@ -0,0 +1,45 @@
+@import 'tailwindcss';
+
+@theme {
+  --font-sans:
+    InterVariable, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji';
+}
+
+/* Make reduced-transparency variant */
+@custom-variant reduced-transparency @media (prefers-reduced-transparency: reduce);
+
+.vjs {
+  font-family: var(--font-sans);
+}
+
+[popover].popover-from-left {
+  translate: -100% 0;
+}
+
+[popover] {
+  transition:
+    opacity 0.25s,
+    translate 0.25s,
+    overlay 0.25s allow-discrete,
+    display 0.25s allow-discrete;
+  opacity: 0;
+
+  &:popover-open {
+    opacity: 1;
+    translate: 0 0;
+  }
+}
+
+@starting-style {
+  [popover] {
+    &:popover-open {
+      opacity: 0;
+    }
+  }
+  [popover].popover-from-left {
+    &:popover-open {
+      translate: -100% 0;
+    }
+  }
+}