b-blocks / build / media-text-section / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.1.7, at build/media-text-section/block.json

441 lines 10.1 KB

Raw Download Zip

1	{
2	"apiVersion": 3,
3	"name": "b-blocks/media-text-section",
4	"title": "Media & Text Section",
5	"description": "A two-panel image/video beside rich content section with sticky media, image effects, per-panel styling, and responsive stacking.",
6	"category": "bBlocks",
7	"keywords": [
8	"media text",
9	"image text",
10	"split content",
11	"feature section",
12	"two column"
13	],
14	"textdomain": "b-blocks",
15	"attributes": {
16	"align": {
17	"type": "string",
18	"default": "full"
19	},
20	"layout": {
21	"type": "object",
22	"default": {
23	"desktop": {
24	"direction": "row",
25	"alignItems": "center"
26	},
27	"tablet": {
28	"direction": "",
29	"alignItems": ""
30	},
31	"mobile": {
32	"direction": "",
33	"alignItems": ""
34	}
35	}
36	},
37	"styles": {
38	"type": "object",
39	"default": {
40	"layout": {
41	"desktop": {
42	"ratio": {
43	"media": "50%",
44	"content": "50%",
45	"splitRatio": "50-50"
46	},
47	"gap": "20px"
48	},
49	"tablet": {
50	"ratio": {
51	"media": "",
52	"content": "",
53	"splitRatio": ""
54	},
55	"gap": ""
56	},
57	"mobile": {
58	"ratio": {
59	"media": "",
60	"content": "",
61	"splitRatio": ""
62	},
63	"gap": ""
64	}
65	},
66	"media": {
67	"image": {
68	"objFit": "contain"
69	},
70	"video": {
71	"objFit": "contain"
72	},
73	"shadow": {},
74	"overlay": {
75	"bg": {},
76	"opacity": 0.5,
77	"isOverlay": false
78	},
79	"bg": {},
80	"border": {},
81	"radius": {
82	"left": "",
83	"right": "",
84	"top": "",
85	"bottom": ""
86	},
87	"desktop": {
88	"padding": {
89	"left": "",
90	"right": "",
91	"top": "",
92	"bottom": ""
93	}
94	},
95	"tablet": {
96	"padding": {
97	"left": "",
98	"right": "",
99	"top": "",
100	"bottom": ""
101	}
102	},
103	"mobile": {
104	"padding": {
105	"left": "",
106	"right": "",
107	"top": "",
108	"bottom": ""
109	}
110	}
111	},
112	"content": {
113	"bg": {},
114	"desktop": {
115	"padding": {
116	"left": "",
117	"right": "",
118	"top": "",
119	"bottom": ""
120	},
121	"radius": {
122	"left": "",
123	"right": "",
124	"top": "",
125	"bottom": ""
126	}
127	},
128	"tablet": {
129	"padding": {
130	"left": "",
131	"right": "",
132	"top": "",
133	"bottom": ""
134	},
135	"radius": {
136	"left": "",
137	"right": "",
138	"top": "",
139	"bottom": ""
140	}
141	},
142	"mobile": {
143	"padding": {
144	"left": "",
145	"right": "",
146	"top": "",
147	"bottom": ""
148	},
149	"radius": {
150	"left": "",
151	"right": "",
152	"top": "",
153	"bottom": ""
154	}
155	},
156	"border": {},
157	"shadow": {}
158	}
159	}
160	},
161	"media": {
162	"type": "object",
163	"default": {
164	"mediaType": "image",
165	"image": {},
166	"video": {
167	"url": "",
168	"poster": {},
169	"autoplay": false,
170	"loop": true,
171	"muted": true,
172	"controls": true,
173	"allowDownload": false,
174	"allowFullscreen": true,
175	"allowPip": true,
176	"controlsOnHover": false
177	},
178	"stickyMedia": false
179	}
180	},
181	"advanced": {
182	"type": "object",
183	"default": {
184	"dimension": {
185	"padding": {
186	"desktop": {
187	"top": "",
188	"right": "",
189	"bottom": "",
190	"left": ""
191	},
192	"tablet": {
193	"top": "",
194	"right": "",
195	"bottom": "",
196	"left": ""
197	},
198	"mobile": {
199	"top": "",
200	"right": "",
201	"bottom": "",
202	"left": ""
203	}
204	}
205	},
206	"transform": {
207	"normal": {
208	"rotate": {
209	"desktop": {
210	"z": "",
211	"y": "",
212	"x": ""
213	},
214	"tablet": {
215	"z": "",
216	"y": "",
217	"x": ""
218	},
219	"mobile": {
220	"z": "",
221	"y": "",
222	"x": ""
223	},
224	"threeDRotate": false
225	},
226	"offset": {
227	"desktop": {
228	"x": "",
229	"y": ""
230	},
231	"tablet": {
232	"x": "",
233	"y": ""
234	},
235	"mobile": {
236	"x": "",
237	"y": ""
238	}
239	},
240	"scale": {
241	"isProportion": true,
242	"desktop": {
243	"x": "",
244	"y": "",
245	"scale": ""
246	},
247	"tablet": {
248	"x": "",
249	"y": "",
250	"scale": ""
251	},
252	"mobile": {
253	"x": "",
254	"y": "",
255	"scale": ""
256	}
257	},
258	"skew": {
259	"desktop": {
260	"x": "",
261	"y": ""
262	},
263	"tablet": {
264	"x": "",
265	"y": ""
266	},
267	"mobile": {
268	"x": "",
269	"y": ""
270	}
271	},
272	"flipX": false,
273	"flipY": false
274	},
275	"hover": {
276	"rotate": {
277	"desktop": {
278	"z": "",
279	"y": "",
280	"x": ""
281	},
282	"tablet": {
283	"z": "",
284	"y": "",
285	"x": ""
286	},
287	"mobile": {
288	"z": "",
289	"y": "",
290	"x": ""
291	},
292	"threeDRotate": false
293	},
294	"offset": {
295	"desktop": {
296	"x": "",
297	"y": ""
298	},
299	"tablet": {
300	"x": "",
301	"y": ""
302	},
303	"mobile": {
304	"x": "",
305	"y": ""
306	}
307	},
308	"scale": {
309	"isProportion": true,
310	"desktop": {
311	"x": "",
312	"y": "",
313	"scale": ""
314	},
315	"tablet": {
316	"x": "",
317	"y": "",
318	"scale": ""
319	},
320	"mobile": {
321	"x": "",
322	"y": "",
323	"scale": ""
324	}
325	},
326	"skew": {
327	"desktop": {
328	"x": "",
329	"y": ""
330	},
331	"tablet": {
332	"x": "",
333	"y": ""
334	},
335	"mobile": {
336	"x": "",
337	"y": ""
338	}
339	},
340	"flipX": false,
341	"flipY": false
342	},
343	"transition": 200
344	},
345	"borderShadow": {
346	"normal": {
347	"radius": {
348	"top": "",
349	"right": "",
350	"bottom": "",
351	"left": ""
352	},
353	"shadow": [
354	{
355	"hOffset": "",
356	"vOffset": "",
357	"blur": "",
358	"spreed": "",
359	"color": "#7090b0",
360	"isInset": false
361	}
362	]
363	}
364	},
365	"background": {
366	"normal": {
367	"type": "color",
368	"color": "",
369	"gradient": {
370	"type": "radial",
371	"radialType": "ellipse",
372	"colors": [
373	{
374	"color": "rgba(58, 66, 222, 1)",
375	"position": "0"
376	},
377	{
378	"color": "rgba(176, 195, 235, 1)",
379	"position": "80"
380	}
381	],
382	"centerPositions": {
383	"x": 50,
384	"y": 50
385	},
386	"angel": 90
387	},
388	"img": {
389	"url": "",
390	"desktop": {
391	"position": "center center",
392	"xPosition": 0,
393	"yPosition": 0,
394	"attachment": "",
395	"repeat": "no-repeat",
396	"size": "",
397	"customSize": ""
398	},
399	"tablet": {
400	"position": "center center",
401	"xPosition": 0,
402	"yPosition": 0,
403	"attachment": "",
404	"repeat": "no-repeat",
405	"size": "",
406	"customSize": ""
407	},
408	"mobile": {
409	"position": "center center",
410	"xPosition": 0,
411	"yPosition": 0,
412	"attachment": "",
413	"repeat": "no-repeat",
414	"size": "",
415	"customSize": ""
416	}
417	},
418	"video": {
419	"url": "",
420	"loop": false
421	},
422	"transition": 0.3
423	}
424	}
425	}
426	}
427	},
428	"supports": {
429	"align": [
430	"wide",
431	"full"
432	],
433	"html": false,
434	"anchor": true,
435	"customClassName": true
436	},
437	"editorScript": "file:../index.js",
438	"style": "file:./view.css",
439	"render": "file:./render.php",
440	"viewScript": "file:./view.js"
441	}