Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 4.0.2

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v4.0.2

post-carousel / src / blocks / shared / cssDependency.js

cssDependency.js in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.2, at src/blocks/shared/cssDependency.js

722 lines 15.4 KB

Raw Download Zip

1	export const cssDependency = (attributes, globalBreakpoint = {}) => {
2	const mobileBreakpoint = globalBreakpoint?.mobile ?? 767;
3	const tabletBreakpoint = globalBreakpoint?.tablet ?? 1023;
4	const {
5	uniqueId,
6	blockName,
7	titleMargin,
8	gapBetweenPosts,
9	titleColor,
10	titleFontSize,
11	titleTypography,
12	titleLatterSpacing,
13	titleLineHeight,
14	catTabCategoryTypography,
15	catTabCategoryFontSize,
16	catTabCategoryLineHeight,
17	catTabCategoryLetterSpacing,
18	catTabCategoryColor,
19	catTabCategoryBg,
20	catTabCategorySpaceBetween,
21	catTabCategoryPadding,
22	catTabCategoryBorderRadius,
23	catTabCategoryMargin,
24	contentAreaBg,
25	contentAreaHeight,
26	metaTypography,
27	metaFontSize,
28	metaFontSpacing,
29	metaLineHeight,
30	metaColors,
31	metaSpaceBetween,
32	metadataMargin,
33	excerptTypography,
34	excerptFontSize,
35	excerptFontSpacing,
36	excerptLineHeight,
37	excerptColor,
38	excerptMargin,
39	socialShareIconSize,
40	socialShareBorder,
41	socialShareBorderWidth,
42	socialShareBorderRadius,
43	socialShareSpaceBetween,
44	socialShareMargin,
45	socialShareCustomColor,
46	socialShareCustomBgColor,
47	socialShareIconType,
48	contentAreaBoxShadow,
49	contentAreaEnableBoxShadow,
50	contentAreaPadding,
51	imageOpacityEffect,
52	imageMode,
53	imageNormalHover,
54	imageGrayscaleHover,
55	imageBlurEffect,
56	imageGrayscaleLevel,
57	imageGrayscaleLevelHover,
58	imageBlurEffectHover,
59	imageBrightnessHover,
60	imageBrightness,
61	imageBorderWidth,
62	imageBorder,
63	imageRadius,
64	imageSpace,
65	imageWidth,
66	imageHeight,
67	imageSize,
68	imageScale,
69	readMoreButtonTypography,
70	readMoreButtonFontSize,
71	readMoreButtonFontSpacing,
72	readMoreButtonLineHeight,
73	readMoreBg,
74	readMoreColor,
75	readMoreButtonBorder,
76	readMoreButtonBorderWidth,
77	readMoreButtonBorderRadius,
78	readMoreButtonPadding,
79	readMoreButtonMargin,
80	contentAlignment,
81	advancedBg,
82	advancedBorderStyleWidth,
83	advancedBorderStyle,
84	advancedBorderRadius,
85	advancedBoxShadow,
86	advancedBoxShadowEnable,
87	advancedPadding,
88	advancedMargin,
89	postCardBg,
90	imageOverlayCustomColor,
91	postCardBorder,
92	postCardBorderWidth,
93	postCardHoverBorderWidth,
94	postCardBorderRadius,
95	postCardHoverBorderRadius,
96	postCardHoverBoxShadow,
97	postCardBoxShadow,
98	postCardHoverBoxShadowEnable,
99	postCardBoxShadowEnable,
100	postCardPadding,
101	paginationColor,
102	paginationBGColor,
103	paginationBorder,
104	paginationBorderWidth,
105	paginationSpaceBetween,
106	paginationBorderRadius,
107	paginationPadding,
108	paginationMargin,
109	paginationTypography,
110	paginationFontSize,
111	paginationLetterSpacing,
112	paginationLineHeight,
113	navigationArrowHeight,
114	navigationArrowWidth,
115	navigationArrowSize,
116	carouselArrowSize,
117	carouselArrowWidth,
118	carouselArrowHeight,
119	carouselArrowSpaceBetween,
120	carouselArrowColor,
121	carouselArrowBgColor,
122	carouselArrowBorder,
123	carouselArrowBorderWidth,
124	carouselArrowBorderRadius,
125	carouselArrowHorizontal,
126	carouselArrowVertical,
127	carouselBoxShadowEnable,
128	carouselBoxShadow,
129	carouselPaginationStyle,
130	carouselPaginationWidth,
131	carouselPaginationHeight,
132	carouselPaginationSpaceBetween,
133	carouselPaginationHorizontal,
134	carouselPaginationVertical,
135	carouselPaginationTextColor,
136	carouselPaginationColor,
137	carouselPaginationBorder,
138	carouselPaginationBorderWidth,
139	carouselPaginationBorderWidthHover,
140	hideOnDesktop,
141	hideOnTablet,
142	hideOnMobile,
143	popupImageSize,
144	popupImageWidth,
145	popupImageHeight,
146	priceColor,
147	discountColor,
148	addToCartBorderWidth,
149	postType,
150	catTabCategoryBorder,
151	catTabCategoryBorderWidth,
152	contentAreaWidth,
153	contentAreaMargin,
154	imagePosition,
155	addToCartFontSize,
156	addToCartLatterSpacing,
157	addToCartLineHeight,
158	priceFontSize,
159	priceLatterSpacing,
160	priceLineHeight,
161	largeItemTitleTypography,
162	metaRowGap,
163	timelineConnectorColor,
164	timelineIndicatorColor,
165	timelineCircleBgColor,
166	timelineConnectorBorder,
167	timelineConnectorBorderWidth,
168	timelineConnectorBorderRadius,
169	timelineLayout,
170	readMoreIconGap,
171	socialSharePadding,
172	socialShareIconPosition,
173	socialPopupShareColor,
174	socialPopupShareBGColor,
175	socialPopupContainerBGColor,
176	socialSharePopupBorder,
177	socialSharePopupBorderWidth,
178	socialShareBoxShadow,
179	socialPopupBoxShadow,
180	socialPopupBoxShadowValue,
181	socialPopupPadding,
182	titleShow,
183	excerptShow,
184	catTabCategoryEnable,
185	carouselNavArrow,
186	carouselPaginationDot,
187	showReadMoreButton,
188	socialShareEnableSocial,
189	socialIconDisplayType,
190	paginationType,
191	metaLargeTypography,
192	metaLargeFontSize,
193	metaLargeLineHeight,
194	metaLargeFontSpacing,
195	largeMetaColors,
196	largeItemTitleLatterSpacing,
197	largeItemTitleLineHeight,
198	largeItemTitleFontSize,
199	largeItemTitleColor,
200	contentVerticalPosition,
201	contentHorizontalPosition,
202	popupCloseBtnColor,
203	generalLinkOpen,
204	popupCloseBtnSize,
205	popupMaxWidth,
206	popupMaxHeight,
207	popupBgColor,
208	popupOverlayColor,
209	popupTitleColor,
210	popupMetaFieldsColor,
211	popupExcerptColor,
212	popupNavArrowColor,
213	popupNavArrowBgColor,
214	largeItemTitleWordSpacing,
215	metaLargeWordSpacing,
216	titleWordSpacing,
217	metaWordSpacing,
218	excerptWordSpacing,
219	catTabCategoryWordSpacing,
220	readMoreButtonWordSpacing,
221	paginationWordSpacing,
222	addToCartWordSpacing,
223	priceWordSpacing,
224	socialShareBoxShadowValue,
225	catTabCategoryBorderWidthHover,
226	catTabCategoryBorderRadiusHover,
227	readMoreButtonBorderRadiusHover,
228	readMoreButtonBorderWidthHover,
229	carouselArrowBorderWidthHover,
230	advancedBorderStyleWidthHover,
231	advancedBorderRadiusHover,
232	readMoreIocVisibility,
233	metaSeparatorColor,
234
235	// Post carousel
236	carouselHeight,
237	carouselGap,
238	carouselColumn,
239	equalHeightEnable,
240
241	// Post Grid
242	gridFiveColumns,
243	gridFiveHorizontalGap,
244	gridFiveVerticalGap,
245	postGridLayout,
246	largeItemHeight,
247	smallItemHeight,
248
249	// grid four
250	gridFourHorizontalGap,
251	gridFourVerticalGap,
252	gridFourColumns,
253
254	// Grid one
255	gridOneColumns,
256	gridOneVerticalGap,
257	gridOneHorizontalGap,
258	largeImageSize,
259	largeImageHeight,
260	largeImageWidth,
261
262	// grid six.
263	gridSixColumns,
264	gridSixHorizontalGap,
265	gridSixVerticalGap,
266	smallItemContentAlignment,
267	largeContentAreaPadding,
268
269	// grid three
270	gridThreeHorizontalGap,
271	gridThreeVerticalGap,
272	gridThreeColumns,
273
274	// Grid two,
275	gridTwoHorizontalGap,
276	gridTwoVerticalGap,
277	gridTwoColumns,
278
279	// List One
280	verticalGap,
281	enableSeparator,
282	separatorStyle,
283	separatorHeight,
284	separatorColor,
285	spaceBetweenListItems,
286	dividerHeight,
287	dividerBorderStyle,
288	dividerBg,
289	dividerAlignment,
290	dividerWidth,
291	showHideDivider,
292	contentAreaBorder,
293	contentAreaBorderRadius,
294	contentAreaBorderWidth,
295	postListLayout,
296
297	// list Two
298	largeExcerptColor,
299	largeItemPadding,
300	readMoreTextColor,
301
302	// List Three
303	horizontalGap,
304	largeItemAlignment,
305
306	// post slider
307	postSliderHeight,
308	contentAreaInnerWidth,
309
310	// Post slider two.
311	postSliderTwoHeight,
312
313	// Post thumbnail
314	postThumbnailHeight,
315	postThumbnailVerticalGap,
316	postThumbnailPosition,
317	thumbnailSliderLayout,
318	thumbnailItemsHeight,
319	contentAreaHoverBorderWidth,
320	contentAreaHoverBorderRadius,
321	thumbnailItemsTitleColor,
322	thumbnailItemsCateColor,
323	layoutSixPostCardBg,
324	thumbnailThumbBGColor,
325
326	// Post thumbnail two.
327	thumbnailSliderTwoHeight,
328	thumbnailTwoItemsHeight,
329	thumbnailSliderTwoLayout,
330	thumbnailProgressPosition,
331	thumbnailProgressThickness,
332	thumbnailProgressBarWidth,
333	thumbnailProgressColor,
334	thumbnailItemsToShow,
335	catTabCategoryBarColor,
336	carouselAutoPlayDelay,
337	contentAreaThumbsBorder,
338	contentAreaThumbsBorderWidth,
339	contentAreaThumbsBorderRadius,
340	catTabCategoryBarHoverColor,
341	carouselAutoPlay,
342	showImageGallery,
343	imageGalleryNavArrowSize,
344
345	// Post Badges
346	postBadgesShow,
347	postBadgesTypography,
348	badgesLabelColor,
349	badgesBgColor,
350	badgesBorder,
351	postBadgesFontSize,
352	postBadgesLineHeight,
353	postBadgesLetterSpacing,
354	postBadgesWordSpacing,
355	badgesPadding,
356	badgesBorderWidth,
357	badgesBorderRadius,
358	badgesGap,
359	imageGalleryNavArrowColor,
360	imageGalleryNavArrowBgColor,
361	} = attributes;
362
363	const dependency = [
364	uniqueId,
365	blockName,
366	titleMargin,
367	gapBetweenPosts,
368	titleColor,
369	titleFontSize,
370	titleTypography,
371	titleLatterSpacing,
372	titleLineHeight,
373	catTabCategoryTypography,
374	catTabCategoryFontSize,
375	catTabCategoryLineHeight,
376	catTabCategoryLetterSpacing,
377	catTabCategoryColor,
378	imageBlurEffect,
379	imageGrayscaleLevel,
380	imageGrayscaleLevelHover,
381	imageBlurEffectHover,
382	imageBrightnessHover,
383	imageBrightness,
384	catTabCategoryBg,
385	catTabCategorySpaceBetween,
386	catTabCategoryPadding,
387	catTabCategoryBorderRadius,
388	catTabCategoryMargin,
389	contentAreaBg,
390	contentAreaHeight,
391	metaTypography,
392	metaFontSize,
393	metaFontSpacing,
394	metaLineHeight,
395	metaColors,
396	metaSpaceBetween,
397	metadataMargin,
398	excerptTypography,
399	excerptFontSize,
400	excerptFontSpacing,
401	excerptLineHeight,
402	excerptColor,
403	excerptMargin,
404	socialShareIconSize,
405	socialShareBorder,
406	socialShareBorderWidth,
407	socialShareBorderRadius,
408	socialShareSpaceBetween,
409	socialShareMargin,
410	socialShareCustomColor,
411	socialShareCustomBgColor,
412	socialShareIconType,
413	contentAreaBoxShadow,
414	contentAreaEnableBoxShadow,
415	contentAreaPadding,
416	imageOpacityEffect,
417	imageMode,
418	imageNormalHover,
419	imageGrayscaleHover,
420	imageBorderWidth,
421	imageBorder,
422	imageRadius,
423	imageSpace,
424	imageWidth,
425	imageHeight,
426	imageSize,
427	imageScale,
428	readMoreButtonTypography,
429	readMoreButtonFontSize,
430	readMoreButtonFontSpacing,
431	readMoreButtonLineHeight,
432	readMoreBg,
433	readMoreColor,
434	readMoreButtonBorder,
435	readMoreButtonBorderWidth,
436	readMoreButtonBorderRadius,
437	readMoreButtonPadding,
438	readMoreButtonMargin,
439	contentAlignment,
440	advancedBg,
441	advancedBorderStyleWidth,
442	advancedBorderStyle,
443	advancedBorderRadius,
444	advancedBoxShadow,
445	advancedBoxShadowEnable,
446	advancedPadding,
447	advancedMargin,
448	postCardBg,
449	imageOverlayCustomColor,
450	postCardBorder,
451	postCardBorderWidth,
452	postCardHoverBorderWidth,
453	postCardBorderRadius,
454	postCardHoverBorderRadius,
455	postCardHoverBoxShadow,
456	postCardBoxShadow,
457	postCardHoverBoxShadowEnable,
458	postCardBoxShadowEnable,
459	postCardPadding,
460	paginationColor,
461	paginationBGColor,
462	paginationBorder,
463	paginationBorderWidth,
464	paginationSpaceBetween,
465	paginationBorderRadius,
466	paginationPadding,
467	paginationMargin,
468	paginationTypography,
469	paginationFontSize,
470	paginationLetterSpacing,
471	paginationLineHeight,
472	navigationArrowHeight,
473	navigationArrowWidth,
474	navigationArrowSize,
475	carouselArrowSize,
476	carouselArrowWidth,
477	carouselArrowHeight,
478	carouselArrowSpaceBetween,
479	carouselArrowColor,
480	carouselArrowBgColor,
481	carouselArrowBorder,
482	carouselArrowBorderWidth,
483	carouselArrowBorderRadius,
484	carouselArrowHorizontal,
485	carouselArrowVertical,
486	carouselBoxShadowEnable,
487	carouselBoxShadow,
488	carouselPaginationStyle,
489	carouselPaginationWidth,
490	carouselPaginationHeight,
491	carouselPaginationSpaceBetween,
492	carouselPaginationHorizontal,
493	carouselPaginationVertical,
494	carouselPaginationTextColor,
495	carouselPaginationColor,
496	carouselPaginationBorder,
497	carouselPaginationBorderWidth,
498	carouselPaginationBorderWidthHover,
499	hideOnDesktop,
500	hideOnTablet,
501	hideOnMobile,
502	popupImageSize,
503	popupImageWidth,
504	popupImageHeight,
505	priceColor,
506	discountColor,
507	addToCartBorderWidth,
508	postType,
509	catTabCategoryBorder,
510	catTabCategoryBorderWidth,
511	contentAreaWidth,
512	contentAreaMargin,
513	imagePosition,
514	addToCartFontSize,
515	addToCartLatterSpacing,
516	addToCartLineHeight,
517	priceFontSize,
518	priceLatterSpacing,
519	priceLineHeight,
520	largeItemTitleTypography,
521	metaRowGap,
522	timelineConnectorColor,
523	timelineIndicatorColor,
524	timelineCircleBgColor,
525	timelineConnectorBorder,
526	timelineConnectorBorderWidth,
527	timelineConnectorBorderRadius,
528	timelineLayout,
529	readMoreIconGap,
530	socialSharePadding,
531	socialShareIconPosition,
532	socialPopupShareColor,
533	socialPopupShareBGColor,
534	socialPopupContainerBGColor,
535	socialSharePopupBorder,
536	socialSharePopupBorderWidth,
537	socialShareBoxShadow,
538	socialPopupBoxShadow,
539	socialPopupBoxShadowValue,
540	socialPopupPadding,
541	titleShow,
542	excerptShow,
543	catTabCategoryEnable,
544	carouselNavArrow,
545	carouselPaginationDot,
546	showReadMoreButton,
547	socialShareEnableSocial,
548	socialIconDisplayType,
549	paginationType,
550	metaLargeTypography,
551	metaLargeFontSize,
552	metaLargeLineHeight,
553	metaLargeFontSpacing,
554	largeMetaColors,
555	largeItemTitleLatterSpacing,
556	largeItemTitleLineHeight,
557	largeItemTitleFontSize,
558	largeItemTitleColor,
559	contentVerticalPosition,
560	contentHorizontalPosition,
561	popupCloseBtnColor,
562	generalLinkOpen,
563	popupCloseBtnSize,
564	popupMaxWidth,
565	popupMaxHeight,
566	popupBgColor,
567	popupOverlayColor,
568	popupTitleColor,
569	popupMetaFieldsColor,
570	popupExcerptColor,
571	popupNavArrowColor,
572	popupNavArrowBgColor,
573	largeItemTitleWordSpacing,
574	metaLargeWordSpacing,
575	titleWordSpacing,
576	metaWordSpacing,
577	excerptWordSpacing,
578	catTabCategoryWordSpacing,
579	readMoreButtonWordSpacing,
580	paginationWordSpacing,
581	addToCartWordSpacing,
582	priceWordSpacing,
583	socialShareBoxShadowValue,
584	catTabCategoryBorderWidthHover,
585	catTabCategoryBorderRadiusHover,
586	readMoreButtonBorderRadiusHover,
587	readMoreButtonBorderWidthHover,
588	carouselArrowBorderWidthHover,
589	advancedBorderStyleWidthHover,
590	advancedBorderRadiusHover,
591	carouselHeight,
592	carouselGap,
593	equalHeightEnable,
594	carouselColumn,
595	readMoreIocVisibility,
596	metaSeparatorColor,
597
598	gridFiveColumns,
599	gridFiveHorizontalGap,
600	gridFiveVerticalGap,
601	postGridLayout,
602	largeItemHeight,
603	smallItemHeight,
604
605	gridFourHorizontalGap,
606	gridFourVerticalGap,
607	gridFourColumns,
608
609	gridOneColumns,
610	gridOneVerticalGap,
611	gridOneHorizontalGap,
612	largeImageSize,
613	largeImageHeight,
614	largeImageWidth,
615
616	// grid six.
617	gridSixColumns,
618	gridSixHorizontalGap,
619	gridSixVerticalGap,
620	smallItemContentAlignment,
621	largeContentAreaPadding,
622
623	// grid three
624	gridThreeHorizontalGap,
625	gridThreeVerticalGap,
626	gridThreeColumns,
627
628	// Grid two
629	gridTwoHorizontalGap,
630	gridTwoVerticalGap,
631	gridTwoColumns,
632
633	// List One
634	verticalGap,
635	enableSeparator,
636	separatorStyle,
637	separatorHeight,
638	separatorColor,
639	spaceBetweenListItems,
640	dividerHeight,
641	dividerBorderStyle,
642	dividerBg,
643	dividerAlignment,
644	dividerWidth,
645	showHideDivider,
646	contentAreaBorder,
647	contentAreaBorderRadius,
648	contentAreaBorderWidth,
649	postListLayout,
650
651	// list Two
652	largeExcerptColor,
653	largeItemPadding,
654	readMoreTextColor,
655
656	// List Three
657	horizontalGap,
658	largeItemAlignment,
659
660	// post slider
661	postSliderHeight,
662	contentAreaInnerWidth,
663
664	// Post slider two.
665	postSliderTwoHeight,
666
667	// Post thumbnail
668	postThumbnailHeight,
669	postThumbnailVerticalGap,
670	postThumbnailPosition,
671	thumbnailSliderLayout,
672	thumbnailItemsHeight,
673	contentAreaHoverBorderWidth,
674	contentAreaHoverBorderRadius,
675	thumbnailItemsTitleColor,
676	thumbnailItemsCateColor,
677	layoutSixPostCardBg,
678	thumbnailThumbBGColor,
679
680	// Post thumbnail two
681	thumbnailSliderTwoHeight,
682	thumbnailTwoItemsHeight,
683	thumbnailSliderTwoLayout,
684	thumbnailProgressPosition,
685	thumbnailProgressThickness,
686	thumbnailProgressBarWidth,
687	thumbnailProgressColor,
688	thumbnailItemsToShow,
689	catTabCategoryBarColor,
690	carouselAutoPlayDelay,
691	contentAreaThumbsBorder,
692	contentAreaThumbsBorderWidth,
693	contentAreaThumbsBorderRadius,
694	catTabCategoryBarHoverColor,
695	carouselAutoPlay,
696	showImageGallery,
697	imageGalleryNavArrowSize,
698	// new dependency for responsive
699	mobileBreakpoint,
700	tabletBreakpoint,
701
702	// Post Badges
703	postBadgesShow,
704	postBadgesTypography,
705	badgesLabelColor,
706	badgesBgColor,
707	badgesBorder,
708	postBadgesFontSize,
709	postBadgesLineHeight,
710	postBadgesLetterSpacing,
711	postBadgesWordSpacing,
712	badgesPadding,
713	badgesBorderWidth,
714	badgesBorderRadius,
715	badgesGap,
716	imageGalleryNavArrowColor,
717	imageGalleryNavArrowBgColor,
718	];
719
720	return dependency;
721	};
722