Add scopes

docs/_react/bulma-customizer/src/pages/Box.jsx

@@ -0,0 +1,18 @@
+import VarItem from "../components/VarItem";
+import { CSSVAR_KEYS } from "../constants";
+
+function Box() {
+  const ids = CSSVAR_KEYS.box.map((i) => i.id);
+
+  return (
+    <div>
+      <div className="box">I am in a box</div>
+
+      {ids.map((id) => {
+        return <VarItem key={id} id={id} />;
+      })}
+    </div>
+  );
+}
+
+export default Box;

docs/_react/bulma-customizer/src/pages/Skeleton.jsx

@@ -0,0 +1,16 @@
+import VarItem from "../components/VarItem";
+import { CSSVAR_KEYS } from "../constants";
+
+function Skeleton() {
+  const ids = CSSVAR_KEYS.skeleton.map((i) => i.id);
+
+  return (
+    <div>
+      {ids.map((id) => {
+        return <VarItem key={id} id={id} />;
+      })}
+    </div>
+  );
+}
+
+export default Skeleton;