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

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

328 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	"direction": "right"
82	},
83	{
84	"frontBG": {
85	"type": "solid",
86	"color": "#000000b3"
87	},
88	"backBG": {
89	"type": "solid",
90	"color": "#000000b3"
91	},
92	"border": {
93	"solid": "solid"
94	},
95	"shadow": {
96	"type": "box"
97	},
98	"isFrontUpIcon": false,
99	"frontIcon": {
100	"class": "fa fa-sync-alt",
101	"fontSize": 70,
102	"color": "#fff"
103	},
104	"upFrontIcon": {
105	"id": null,
106	"url": "",
107	"alt": "",
108	"title": ""
109	},
110	"frontIconWidth": "70px",
111	"isBackUpIcon": false,
112	"backIcon": {
113	"class": "fa-brands fa-wordpress",
114	"fontSize": 70,
115	"color": "#fff"
116	},
117	"upBackIcon": {
118	"id": null,
119	"url": "",
120	"alt": "",
121	"title": ""
122	},
123	"backIconWidth": "70px",
124	"frontTitle": "Front Title 2",
125	"frontTitleColor": "#fff",
126	"backTitle": "Back Title 2",
127	"backTitleColor": "#fff",
128	"desc": "This content area describes flip box 2 descriptions/details.",
129	"descColor": "#fff",
130	"btn": "Button 2",
131	"btnLink": "#",
132	"btnBorder": {
133	"radius": "3px"
134	},
135	"btnColors": {
136	"color": "#fff",
137	"bg": "#ff4500"
138	},
139	"btnHovColors": {
140	"color": "#fff",
141	"bg": "#ff7500"
142	},
143	"direction": "right"
144	},
145	{
146	"frontBG": {
147	"type": "solid",
148	"color": "#000000b3"
149	},
150	"backBG": {
151	"type": "solid",
152	"color": "#000000b3"
153	},
154	"border": {
155	"solid": "solid"
156	},
157	"shadow": {
158	"type": "box"
159	},
160	"isFrontUpIcon": false,
161	"frontIcon": {
162	"class": "fa fa-sync-alt",
163	"fontSize": 70,
164	"color": "#fff"
165	},
166	"upFrontIcon": {
167	"id": null,
168	"url": "",
169	"alt": "",
170	"title": ""
171	},
172	"frontIconWidth": "70px",
173	"isBackUpIcon": false,
174	"backIcon": {
175	"class": "fa-brands fa-wordpress",
176	"fontSize": 70,
177	"color": "#fff"
178	},
179	"upBackIcon": {
180	"id": null,
181	"url": "",
182	"alt": "",
183	"title": ""
184	},
185	"backIconWidth": "70px",
186	"frontTitle": "Front Title 3",
187	"frontTitleColor": "#fff",
188	"backTitle": "Back Title 3",
189	"backTitleColor": "#fff",
190	"desc": "This content area describes flip box 3 descriptions/details.",
191	"descColor": "#fff",
192	"btn": "Button 3",
193	"btnLink": "#",
194	"btnBorder": {
195	"radius": "3px"
196	},
197	"btnColors": {
198	"color": "#fff",
199	"bg": "#ff4500"
200	},
201	"btnHovColors": {
202	"color": "#fff",
203	"bg": "#ff7500"
204	},
205	"direction": "right"
206	}
207	]
208	},
209	"columns": {
210	"type": "object",
211	"default": {
212	"desktop": 3,
213	"tablet": 2,
214	"mobile": 1
215	}
216	},
217	"columnGap": {
218	"type": "string",
219	"default": "40px"
220	},
221	"rowGap": {
222	"type": "string",
223	"default": "30px"
224	},
225	"boxHeight": {
226	"type": "string",
227	"default": "400px"
228	},
229	"textAlign": {
230	"type": "string",
231	"default": "center"
232	},
233	"boxPadding": {
234	"type": "object",
235	"default": {
236	"vertical": "30px",
237	"horizontal": "25px"
238	}
239	},
240	"isIcon": {
241	"type": "boolean",
242	"default": true
243	},
244	"iconMargin": {
245	"type": "object",
246	"default": {
247	"side": 4,
248	"bottom": "20px"
249	}
250	},
251	"titleTypo": {
252	"type": "object",
253	"default": {
254	"fontSize": {
255	"desktop": "25px",
256	"tablet": "22px",
257	"mobile": "20px"
258	}
259	}
260	},
261	"titleMargin": {
262	"type": "object",
263	"default": {
264	"side": 4,
265	"bottom": "20px"
266	}
267	},
268	"isDesc": {
269	"type": "boolean",
270	"default": true
271	},
272	"descTypo": {
273	"type": "object",
274	"default": {
275	"fontSize": {
276	"desktop": "16px"
277	}
278	}
279	},
280	"isBtn": {
281	"type": "boolean",
282	"default": true
283	},
284	"isLinkNewTab": {
285	"type": "boolean",
286	"default": true
287	},
288	"btnTypo": {
289	"type": "object",
290	"default": {
291	"fontSize": {
292	"desktop": "16px"
293	}
294	}
295	},
296	"btnPadding": {
297	"type": "object",
298	"default": {
299	"vertical": "15px",
300	"horizontal": "25px"
301	}
302	}
303	},
304	"supports": {
305	"align": [
306	"wide",
307	"full"
308	],
309	"html": false
310	},
311	"example": {
312	"attributes": {
313	"preview": true,
314	"columns": {
315	"desktop": 1,
316	"tablet": 1,
317	"mobile": 1
318	}
319	}
320	},
321	"editorScript": "file:../index.js",
322	"style": [
323	"file:./view.css",
324	"fontAwesome"
325	],
326	"render": "file:./render.php",
327	"viewScript": "file:./view.js"
328	}