b-blocks / build / flip-boxes / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.0.39, at build/flip-boxes/block.json

325 lines 7.2 KB

Raw Download Zip

1	{
2	"apiVersion": 3,
3	"name": "b-blocks/flip-boxes",
4	"title": "Flip Boxes",
5	"description": "Display Flip boxes section.",
6	"category": "bBlocks",
7	"keywords": [
8	"flip",
9	"flip boxes",
10	"flip boxes section"
11	],
12	"textdomain": "b-blocks",
13	"attributes": {
14	"align": {
15	"type": "string",
16	"default": "wide"
17	},
18	"boxes": {
19	"type": "array",
20	"default": [
21	{
22	"frontBG": {
23	"type": "solid",
24	"color": "#000000b3"
25	},
26	"backBG": {
27	"type": "solid",
28	"color": "#000000b3"
29	},
30	"border": {
31	"solid": "solid"
32	},
33	"shadow": {
34	"type": "box"
35	},
36	"isFrontUpIcon": false,
37	"frontIcon": {
38	"class": "fa fa-sync-alt",
39	"fontSize": 70,
40	"color": "#fff"
41	},
42	"upFrontIcon": {
43	"id": null,
44	"url": "",
45	"alt": "",
46	"title": ""
47	},
48	"frontIconWidth": "70px",
49	"isBackUpIcon": false,
50	"backIcon": {
51	"class": "fa-brands fa-wordpress",
52	"fontSize": 70,
53	"color": "#fff"
54	},
55	"upBackIcon": {
56	"id": null,
57	"url": "",
58	"alt": "",
59	"title": ""
60	},
61	"backIconWidth": "70px",
62	"frontTitle": "Front Title 1",
63	"frontTitleColor": "#fff",
64	"backTitle": "Back Title 1",
65	"backTitleColor": "#fff",
66	"desc": "This content area describes flip box 1 descriptions/details.",
67	"descColor": "#fff",
68	"btn": "Button 1",
69	"btnLink": "#",
70	"btnBorder": {
71	"radius": "3px"
72	},
73	"btnColors": {
74	"color": "#fff",
75	"bg": "#ff4500"
76	},
77	"btnHovColors": {
78	"color": "#fff",
79	"bg": "#ff7500"
80	}
81	},
82	{
83	"frontBG": {
84	"type": "solid",
85	"color": "#000000b3"
86	},
87	"backBG": {
88	"type": "solid",
89	"color": "#000000b3"
90	},
91	"border": {
92	"solid": "solid"
93	},
94	"shadow": {
95	"type": "box"
96	},
97	"isFrontUpIcon": false,
98	"frontIcon": {
99	"class": "fa fa-sync-alt",
100	"fontSize": 70,
101	"color": "#fff"
102	},
103	"upFrontIcon": {
104	"id": null,
105	"url": "",
106	"alt": "",
107	"title": ""
108	},
109	"frontIconWidth": "70px",
110	"isBackUpIcon": false,
111	"backIcon": {
112	"class": "fa-brands fa-wordpress",
113	"fontSize": 70,
114	"color": "#fff"
115	},
116	"upBackIcon": {
117	"id": null,
118	"url": "",
119	"alt": "",
120	"title": ""
121	},
122	"backIconWidth": "70px",
123	"frontTitle": "Front Title 2",
124	"frontTitleColor": "#fff",
125	"backTitle": "Back Title 2",
126	"backTitleColor": "#fff",
127	"desc": "This content area describes flip box 2 descriptions/details.",
128	"descColor": "#fff",
129	"btn": "Button 2",
130	"btnLink": "#",
131	"btnBorder": {
132	"radius": "3px"
133	},
134	"btnColors": {
135	"color": "#fff",
136	"bg": "#ff4500"
137	},
138	"btnHovColors": {
139	"color": "#fff",
140	"bg": "#ff7500"
141	}
142	},
143	{
144	"frontBG": {
145	"type": "solid",
146	"color": "#000000b3"
147	},
148	"backBG": {
149	"type": "solid",
150	"color": "#000000b3"
151	},
152	"border": {
153	"solid": "solid"
154	},
155	"shadow": {
156	"type": "box"
157	},
158	"isFrontUpIcon": false,
159	"frontIcon": {
160	"class": "fa fa-sync-alt",
161	"fontSize": 70,
162	"color": "#fff"
163	},
164	"upFrontIcon": {
165	"id": null,
166	"url": "",
167	"alt": "",
168	"title": ""
169	},
170	"frontIconWidth": "70px",
171	"isBackUpIcon": false,
172	"backIcon": {
173	"class": "fa-brands fa-wordpress",
174	"fontSize": 70,
175	"color": "#fff"
176	},
177	"upBackIcon": {
178	"id": null,
179	"url": "",
180	"alt": "",
181	"title": ""
182	},
183	"backIconWidth": "70px",
184	"frontTitle": "Front Title 3",
185	"frontTitleColor": "#fff",
186	"backTitle": "Back Title 3",
187	"backTitleColor": "#fff",
188	"desc": "This content area describes flip box 3 descriptions/details.",
189	"descColor": "#fff",
190	"btn": "Button 3",
191	"btnLink": "#",
192	"btnBorder": {
193	"radius": "3px"
194	},
195	"btnColors": {
196	"color": "#fff",
197	"bg": "#ff4500"
198	},
199	"btnHovColors": {
200	"color": "#fff",
201	"bg": "#ff7500"
202	}
203	}
204	]
205	},
206	"columns": {
207	"type": "object",
208	"default": {
209	"desktop": 3,
210	"tablet": 2,
211	"mobile": 1
212	}
213	},
214	"columnGap": {
215	"type": "string",
216	"default": "40px"
217	},
218	"rowGap": {
219	"type": "string",
220	"default": "30px"
221	},
222	"boxHeight": {
223	"type": "string",
224	"default": "400px"
225	},
226	"textAlign": {
227	"type": "string",
228	"default": "center"
229	},
230	"boxPadding": {
231	"type": "object",
232	"default": {
233	"vertical": "30px",
234	"horizontal": "25px"
235	}
236	},
237	"isIcon": {
238	"type": "boolean",
239	"default": true
240	},
241	"iconMargin": {
242	"type": "object",
243	"default": {
244	"side": 4,
245	"bottom": "20px"
246	}
247	},
248	"titleTypo": {
249	"type": "object",
250	"default": {
251	"fontSize": {
252	"desktop": "25px",
253	"tablet": "22px",
254	"mobile": "20px"
255	}
256	}
257	},
258	"titleMargin": {
259	"type": "object",
260	"default": {
261	"side": 4,
262	"bottom": "20px"
263	}
264	},
265	"isDesc": {
266	"type": "boolean",
267	"default": true
268	},
269	"descTypo": {
270	"type": "object",
271	"default": {
272	"fontSize": {
273	"desktop": "16px"
274	}
275	}
276	},
277	"isBtn": {
278	"type": "boolean",
279	"default": true
280	},
281	"isLinkNewTab": {
282	"type": "boolean",
283	"default": true
284	},
285	"btnTypo": {
286	"type": "object",
287	"default": {
288	"fontSize": {
289	"desktop": "16px"
290	}
291	}
292	},
293	"btnPadding": {
294	"type": "object",
295	"default": {
296	"vertical": "15px",
297	"horizontal": "25px"
298	}
299	}
300	},
301	"supports": {
302	"align": [
303	"wide",
304	"full"
305	],
306	"html": false
307	},
308	"example": {
309	"attributes": {
310	"preview": true,
311	"columns": {
312	"desktop": 1,
313	"tablet": 1,
314	"mobile": 1
315	}
316	}
317	},
318	"editorScript": "file:../index.js",
319	"style": [
320	"file:./view.css",
321	"fontAwesome"
322	],
323	"render": "file:./render.php",
324	"viewScript": "file:./view.js"
325	}