feat(example/react): improvements to react examples (#210)

2026-08-16 02:45:09 +00:00 · 2025-12-10 09:27:38 +11:00
parent 546989c2be
commit c35b012250
57 changed files with 2886 additions and 2138 deletions
@@ -8,3 +8,38 @@

 /* 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;
+    }
+  }
+}