b-blocks / build / article-card / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.1.7, at build/article-card/block.json

880 lines 19.0 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "b-blocks/article-card",
5	"title": "Article Card",
6	"category": "bBlocks",
7	"description": "A single static article, resource, or featured-page preview card — image, category badge, heading, excerpt, optional meta line, and CTA link — in horizontal or vertical layout. No JavaScript required.",
8	"keywords": [
9	"article",
10	"card",
11	"resource",
12	"read also",
13	"featured",
14	"preview",
15	"link"
16	],
17	"textdomain": "b-blocks",
18	"attributes": {
19	"align": {
20	"type": "string",
21	"default": ""
22	},
23	"layout": {
24	"type": "object",
25	"default": {
26	"type": {
27	"desktop": "horizontal",
28	"tablet": "",
29	"mobile": "vertical"
30	},
31	"alignment": {
32	"desktop": "left",
33	"tablet": "",
34	"mobile": ""
35	}
36	}
37	},
38	"image": {
39	"type": "object",
40	"default": {
41	"id": {
42	"desktop": 0,
43	"tablet": 0,
44	"mobile": 0
45	},
46	"url": {
47	"desktop": "",
48	"tablet": "",
49	"mobile": ""
50	},
51	"alt": "",
52	"objectFit": {
53	"desktop": "cover",
54	"tablet": "",
55	"mobile": ""
56	},
57	"objectPosition": {
58	"desktop": "center",
59	"tablet": "",
60	"mobile": ""
61	},
62	"filter": {
63	"desktop": {},
64	"tablet": {},
65	"mobile": {}
66	},
67	"position": {
68	"desktop": "left",
69	"tablet": "",
70	"mobile": ""
71	},
72	"splitRatio": {
73	"desktop": "40",
74	"tablet": "",
75	"mobile": ""
76	},
77	"splitLeft": {
78	"desktop": "40%",
79	"tablet": "",
80	"mobile": ""
81	},
82	"splitRight": {
83	"desktop": "60%",
84	"tablet": "",
85	"mobile": ""
86	}
87	}
88	},
89	"content": {
90	"type": "object",
91	"default": {
92	"badge": "Read Also",
93	"heading": "Article title goes here",
94	"headingTag": "h3",
95	"excerpt": "",
96	"meta": "",
97	"metaIcon": ""
98	}
99	},
100	"link": {
101	"type": "object",
102	"default": {
103	"url": "",
104	"target": false,
105	"ctaLabel": "Read More",
106	"ctaStyle": "button",
107	"cardLinkMode": false
108	}
109	},
110	"badge": {
111	"type": "object",
112	"default": {
113	"align": "left",
114	"bg": {
115	"type": "solid",
116	"color": "#2563eb"
117	},
118	"color": "#ffffff",
119	"padding": {
120	"desktop": {
121	"top": "3px",
122	"right": "10px",
123	"bottom": "3px",
124	"left": "10px"
125	},
126	"tablet": {
127	"top": "",
128	"right": "",
129	"bottom": "",
130	"left": ""
131	},
132	"mobile": {
133	"top": "",
134	"right": "",
135	"bottom": "",
136	"left": ""
137	}
138	},
139	"margin": {
140	"desktop": {
141	"top": "",
142	"right": "",
143	"bottom": "",
144	"left": ""
145	},
146	"tablet": {
147	"top": "",
148	"right": "",
149	"bottom": "",
150	"left": ""
151	},
152	"mobile": {
153	"top": "",
154	"right": "",
155	"bottom": "",
156	"left": ""
157	}
158	},
159	"border": {
160	"width": "",
161	"style": "solid",
162	"color": ""
163	},
164	"borderRadius": {
165	"desktop": {
166	"top": "999px",
167	"right": "999px",
168	"bottom": "999px",
169	"left": "999px"
170	},
171	"tablet": {
172	"top": "",
173	"right": "",
174	"bottom": "",
175	"left": ""
176	},
177	"mobile": {
178	"top": "",
179	"right": "",
180	"bottom": "",
181	"left": ""
182	}
183	}
184	}
185	},
186	"colors": {
187	"type": "object",
188	"default": {
189	"heading": "#111827",
190	"text": "#374151",
191	"meta": "#6b7280"
192	}
193	},
194	"heading": {
195	"type": "object",
196	"default": {
197	"background": {
198	"type": "solid",
199	"color": ""
200	},
201	"padding": {
202	"desktop": {
203	"top": "",
204	"right": "",
205	"bottom": "",
206	"left": ""
207	},
208	"tablet": {
209	"top": "",
210	"right": "",
211	"bottom": "",
212	"left": ""
213	},
214	"mobile": {
215	"top": "",
216	"right": "",
217	"bottom": "",
218	"left": ""
219	}
220	},
221	"margin": {
222	"desktop": {
223	"top": "",
224	"right": "",
225	"bottom": "",
226	"left": ""
227	},
228	"tablet": {
229	"top": "",
230	"right": "",
231	"bottom": "",
232	"left": ""
233	},
234	"mobile": {
235	"top": "",
236	"right": "",
237	"bottom": "",
238	"left": ""
239	}
240	},
241	"border": {
242	"width": "",
243	"style": "solid",
244	"color": ""
245	},
246	"borderRadius": {
247	"desktop": {
248	"top": "",
249	"right": "",
250	"bottom": "",
251	"left": ""
252	},
253	"tablet": {
254	"top": "",
255	"right": "",
256	"bottom": "",
257	"left": ""
258	},
259	"mobile": {
260	"top": "",
261	"right": "",
262	"bottom": "",
263	"left": ""
264	}
265	}
266	}
267	},
268	"excerpt": {
269	"type": "object",
270	"default": {
271	"background": {
272	"type": "solid",
273	"color": ""
274	},
275	"padding": {
276	"desktop": {
277	"top": "",
278	"right": "",
279	"bottom": "",
280	"left": ""
281	},
282	"tablet": {
283	"top": "",
284	"right": "",
285	"bottom": "",
286	"left": ""
287	},
288	"mobile": {
289	"top": "",
290	"right": "",
291	"bottom": "",
292	"left": ""
293	}
294	},
295	"margin": {
296	"desktop": {
297	"top": "",
298	"right": "",
299	"bottom": "",
300	"left": ""
301	},
302	"tablet": {
303	"top": "",
304	"right": "",
305	"bottom": "",
306	"left": ""
307	},
308	"mobile": {
309	"top": "",
310	"right": "",
311	"bottom": "",
312	"left": ""
313	}
314	},
315	"border": {
316	"width": "",
317	"style": "solid",
318	"color": ""
319	},
320	"borderRadius": {
321	"desktop": {
322	"top": "",
323	"right": "",
324	"bottom": "",
325	"left": ""
326	},
327	"tablet": {
328	"top": "",
329	"right": "",
330	"bottom": "",
331	"left": ""
332	},
333	"mobile": {
334	"top": "",
335	"right": "",
336	"bottom": "",
337	"left": ""
338	}
339	}
340	}
341	},
342	"meta": {
343	"type": "object",
344	"default": {
345	"color": "#6b7280",
346	"iconColor": "#6b7280",
347	"bg": {
348	"type": "solid",
349	"color": ""
350	},
351	"padding": {
352	"desktop": {
353	"top": "",
354	"right": "",
355	"bottom": "",
356	"left": ""
357	},
358	"tablet": {
359	"top": "",
360	"right": "",
361	"bottom": "",
362	"left": ""
363	},
364	"mobile": {
365	"top": "",
366	"right": "",
367	"bottom": "",
368	"left": ""
369	}
370	},
371	"margin": {
372	"desktop": {
373	"top": "",
374	"right": "",
375	"bottom": "",
376	"left": ""
377	},
378	"tablet": {
379	"top": "",
380	"right": "",
381	"bottom": "",
382	"left": ""
383	},
384	"mobile": {
385	"top": "",
386	"right": "",
387	"bottom": "",
388	"left": ""
389	}
390	},
391	"border": {
392	"width": "",
393	"style": "solid",
394	"color": ""
395	},
396	"borderRadius": {
397	"desktop": {
398	"top": "",
399	"right": "",
400	"bottom": "",
401	"left": ""
402	},
403	"tablet": {
404	"top": "",
405	"right": "",
406	"bottom": "",
407	"left": ""
408	},
409	"mobile": {
410	"top": "",
411	"right": "",
412	"bottom": "",
413	"left": ""
414	}
415	}
416	}
417	},
418	"card": {
419	"type": "object",
420	"default": {
421	"background": {
422	"type": "solid",
423	"color": ""
424	},
425	"padding": {
426	"desktop": {
427	"top": "20px",
428	"right": "20px",
429	"bottom": "20px",
430	"left": "20px"
431	},
432	"tablet": {
433	"top": "",
434	"right": "",
435	"bottom": "",
436	"left": ""
437	},
438	"mobile": {
439	"top": "",
440	"right": "",
441	"bottom": "",
442	"left": ""
443	}
444	},
445	"border": {
446	"width": "1px",
447	"style": "solid",
448	"color": "#e5e7eb"
449	},
450	"borderRadius": {
451	"desktop": {
452	"top": "8px",
453	"right": "8px",
454	"bottom": "8px",
455	"left": "8px"
456	},
457	"tablet": {
458	"top": "",
459	"right": "",
460	"bottom": "",
461	"left": ""
462	},
463	"mobile": {
464	"top": "",
465	"right": "",
466	"bottom": "",
467	"left": ""
468	}
469	},
470	"shadow": [
471	{
472	"hOffset": "0px",
473	"vOffset": "1px",
474	"blur": "3px",
475	"spreed": "0px",
476	"color": "rgba(0,0,0,0.12)",
477	"isInset": false
478	}
479	]
480	}
481	},
482	"cta": {
483	"type": "object",
484	"default": {
485	"normal": {
486	"bg": {
487	"type": "solid",
488	"color": "#2563eb"
489	},
490	"color": "#ffffff",
491	"border": {
492	"width": "",
493	"style": "solid",
494	"color": ""
495	},
496	"shadow": []
497	},
498	"hover": {
499	"bg": {
500	"type": "solid",
501	"color": "#1d4ed8"
502	},
503	"color": "#ffffff",
504	"border": {
505	"width": "",
506	"style": "solid",
507	"color": ""
508	},
509	"shadow": []
510	},
511	"padding": {
512	"desktop": {
513	"top": "8px",
514	"right": "18px",
515	"bottom": "8px",
516	"left": "18px"
517	},
518	"tablet": {
519	"top": "",
520	"right": "",
521	"bottom": "",
522	"left": ""
523	},
524	"mobile": {
525	"top": "",
526	"right": "",
527	"bottom": "",
528	"left": ""
529	}
530	},
531	"margin": {
532	"desktop": {
533	"top": "",
534	"right": "",
535	"bottom": "",
536	"left": ""
537	},
538	"tablet": {
539	"top": "",
540	"right": "",
541	"bottom": "",
542	"left": ""
543	},
544	"mobile": {
545	"top": "",
546	"right": "",
547	"bottom": "",
548	"left": ""
549	}
550	},
551	"borderRadius": {
552	"desktop": {
553	"top": "6px",
554	"right": "6px",
555	"bottom": "6px",
556	"left": "6px"
557	},
558	"tablet": {
559	"top": "",
560	"right": "",
561	"bottom": "",
562	"left": ""
563	},
564	"mobile": {
565	"top": "",
566	"right": "",
567	"bottom": "",
568	"left": ""
569	}
570	},
571	"transition": 0.2
572	}
573	},
574	"typography": {
575	"type": "object",
576	"default": {
577	"heading": {
578	"fontSize": {
579	"desktop": "18px",
580	"tablet": "",
581	"mobile": ""
582	},
583	"fontWeight": "600"
584	},
585	"excerpt": {
586	"fontSize": {
587	"desktop": "14px",
588	"tablet": "",
589	"mobile": ""
590	},
591	"fontWeight": "400"
592	},
593	"cta": {
594	"fontSize": {
595	"desktop": "14px",
596	"tablet": "",
597	"mobile": ""
598	},
599	"fontWeight": "600"
600	},
601	"badge": {
602	"fontSize": {
603	"desktop": "12px",
604	"tablet": "",
605	"mobile": ""
606	},
607	"fontWeight": "600"
608	},
609	"meta": {
610	"fontSize": {
611	"desktop": "13px",
612	"tablet": "",
613	"mobile": ""
614	},
615	"fontWeight": "400"
616	}
617	}
618	},
619	"advanced": {
620	"type": "object",
621	"default": {
622	"dimension": {
623	"padding": {
624	"desktop": {
625	"top": "",
626	"right": "",
627	"bottom": "",
628	"left": ""
629	},
630	"tablet": {
631	"top": "",
632	"right": "",
633	"bottom": "",
634	"left": ""
635	},
636	"mobile": {
637	"top": "",
638	"right": "",
639	"bottom": "",
640	"left": ""
641	}
642	}
643	},
644	"borderShadow": {
645	"normal": {
646	"radius": {
647	"top": "",
648	"right": "",
649	"bottom": "",
650	"left": ""
651	},
652	"shadow": [
653	{
654	"hOffset": "",
655	"vOffset": "",
656	"blur": "",
657	"spreed": "",
658	"color": "#7090b000",
659	"isInset": false
660	}
661	]
662	}
663	},
664	"background": {
665	"normal": {
666	"type": "color",
667	"color": "rgba(255, 255, 255, 0)",
668	"gradient": {
669	"type": "radial",
670	"radialType": "ellipse",
671	"colors": [
672	{
673	"color": "rgba(58, 66, 222, 1)",
674	"position": "0"
675	},
676	{
677	"color": "rgba(176, 195, 235, 1)",
678	"position": "80"
679	}
680	],
681	"centerPositions": {
682	"x": 50,
683	"y": 50
684	},
685	"angel": 90
686	},
687	"img": {
688	"url": "",
689	"desktop": {
690	"position": "center-center",
691	"xPosition": 0,
692	"yPosition": 0,
693	"attachment": "",
694	"repeat": "no-repeat",
695	"size": "",
696	"customSize": "0px"
697	},
698	"tablet": {
699	"position": "center-center",
700	"xPosition": 0,
701	"yPosition": 0,
702	"attachment": "",
703	"repeat": "no-repeat",
704	"size": "",
705	"customSize": "0px"
706	},
707	"mobile": {
708	"position": "center-center",
709	"xPosition": 0,
710	"yPosition": 0,
711	"attachment": "",
712	"repeat": "no-repeat",
713	"size": "",
714	"customSize": "0px"
715	}
716	},
717	"transition": 0.3
718	}
719	},
720	"transform": {
721	"normal": {
722	"rotate": {
723	"desktop": {
724	"z": "",
725	"y": "",
726	"x": ""
727	},
728	"tablet": {
729	"z": "",
730	"y": "",
731	"x": ""
732	},
733	"mobile": {
734	"z": "",
735	"y": "",
736	"x": ""
737	},
738	"threeDRotate": false
739	},
740	"offset": {
741	"desktop": {
742	"x": "",
743	"y": ""
744	},
745	"tablet": {
746	"x": "",
747	"y": ""
748	},
749	"mobile": {
750	"x": "",
751	"y": ""
752	}
753	},
754	"scale": {
755	"isProportion": true,
756	"desktop": {
757	"x": "",
758	"y": "",
759	"scale": ""
760	},
761	"tablet": {
762	"x": "",
763	"y": "",
764	"scale": ""
765	},
766	"mobile": {
767	"x": "",
768	"y": "",
769	"scale": ""
770	}
771	},
772	"skew": {
773	"desktop": {
774	"x": "",
775	"y": ""
776	},
777	"tablet": {
778	"x": "",
779	"y": ""
780	},
781	"mobile": {
782	"x": "",
783	"y": ""
784	}
785	},
786	"flipX": false,
787	"flipY": false
788	},
789	"hover": {
790	"rotate": {
791	"desktop": {
792	"z": "",
793	"y": "",
794	"x": ""
795	},
796	"tablet": {
797	"z": "",
798	"y": "",
799	"x": ""
800	},
801	"mobile": {
802	"z": "",
803	"y": "",
804	"x": ""
805	},
806	"threeDRotate": false
807	},
808	"offset": {
809	"desktop": {
810	"x": "",
811	"y": ""
812	},
813	"tablet": {
814	"x": "",
815	"y": ""
816	},
817	"mobile": {
818	"x": "",
819	"y": ""
820	}
821	},
822	"scale": {
823	"isProportion": true,
824	"desktop": {
825	"x": "",
826	"y": "",
827	"scale": ""
828	},
829	"tablet": {
830	"x": "",
831	"y": "",
832	"scale": ""
833	},
834	"mobile": {
835	"x": "",
836	"y": "",
837	"scale": ""
838	}
839	},
840	"skew": {
841	"desktop": {
842	"x": "",
843	"y": ""
844	},
845	"tablet": {
846	"x": "",
847	"y": ""
848	},
849	"mobile": {
850	"x": "",
851	"y": ""
852	}
853	},
854	"flipX": false,
855	"flipY": false
856	},
857	"transition": 200
858	}
859	}
860	}
861	},
862	"supports": {
863	"align": [
864	"wide",
865	"full"
866	],
867	"html": false
868	},
869	"example": {
870	"attributes": {
871	"preview": true
872	}
873	},
874	"editorScript": [
875	"file:../index.js"
876	],
877	"style": "file:./view.css",
878	"render": "file:./render.php",
879	"viewScript": "file:./view.js"
880	}