Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 12:24:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add Control vars

Browse Source
This commit is contained in:
Jeremy Thomas
2024-06-26 16:06:52 +01:00
parent 891e6e3cb7
commit 303da19588
14 changed files with 291 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/_react/bulma-customizer/src/pages/form/Control.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/form/File.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/form/Input.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/grid/Columns.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/grid/Grid.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/layout/Footer.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/layout/Hero.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/layout/Media.jsx Normal file
View File

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

16
docs/_react/bulma-customizer/src/pages/layout/Section.jsx Normal file
View File

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