blockspare / inc / latest-post-block / posts-grid / index.php

index.php in BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites trunk, at inc/latest-post-block/posts-grid/index.php

239 lines 12.0 KB

Raw Download Zip

1	<?php
2
3	if (!function_exists('latest_posts_style_control_grid')) {
4	function latest_posts_style_control_grid($blockuniqueclass, $attributes)
5	{
6
7	$inline_css = '';
8	$inline_css .= blockspare_visibility_css($attributes, $blockuniqueclass);
9	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-wrap{
10	margin-top:' . $attributes['marginTop'] . 'px;
11	margin-bottom:' . $attributes['marginBottom'] . 'px;
12	margin-left:' . $attributes['marginLeft'] . 'px;
13	margin-right:' . $attributes['marginRight'] . 'px;
14	}';
15
16	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content{
17	padding-top:' . $attributes['contentPaddingTop'] . 'px;
18	padding-right:' . $attributes['contentPaddingRight'] . 'px;
19	padding-bottom:' . $attributes['contentPaddingBottom'] . 'px;
20	padding-left:' . $attributes['contentPaddingLeft'] . 'px;
21	}';
22
23	$inline_css .= blockspare_posts_category_style(
24	$inline_css,
25	$attributes,
26	$blockuniqueclass,
27	$attributes['categoryTextColor'],
28	$attributes['categoryBackgroundColor'],
29	$attributes['categoryBorderColor'],
30	$attributes['secondCategoryTextColor'],
31	$attributes['secondCategoryBackgroundColor'],
32	$attributes['secondCategoryBorderColor'],
33	$attributes['thirdCategoryTextColor'],
34	$attributes['thirdCategoryBackgroundColor'],
35	$attributes['thirdCategoryBorderColor'],
36	);
37
38	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-byline{
39	margin-top:' . $attributes['metaMarginTop'] . 'px' . ';
40	margin-bottom:' . $attributes['metaMarginBottom'] . 'px' . ';
41	margin-left:' . $attributes['metaMarginLeft'] . 'px' . ';
42	margin-right:' . $attributes['metaMarginRight'] . 'px' . ';
43	}';
44
45	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-more-link{
46	margin-top:' . $attributes['moreLinkMarginTop'] . 'px' . ';
47	margin-bottom:' . $attributes['moreLinkMarginBottom'] . 'px' . ';
48	margin-left:' . $attributes['moreLinkMarginLeft'] . 'px' . ';
49	margin-right:' . $attributes['moreLinkMarginRight'] . 'px' . ';
50	}';
51
52	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-title a span{
53	color: ' . $attributes['postTitleColor'] . ';
54	}';
55
56	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-author a span{
57	color:' . $attributes['linkColor'] . ';
58	}';
59
60
61	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-more-link span{
62	color:' . $attributes['linkColor'] . ';
63	}';
64
65	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-date{
66	color:' . $attributes['generalColor'] . ';
67	}';
68
69	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-excerpt-content{
70	color:' . $attributes['generalColor'] . ';
71	}';
72	$inline_css .= ' .' . $blockuniqueclass . ' .comment_count{
73	color:' . $attributes['generalColor'] . ';
74	}';
75
76	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-title{
77	margin-top:' . $attributes['titleMarginTop'] . 'px' . ';
78	margin-bottom:' . $attributes['titleMarginBottom'] . 'px' . ';
79	margin-left:' . $attributes['titleMarginLeft'] . 'px' . ';
80	margin-right:' . $attributes['titleMarginRight'] . 'px' . ';
81	}';
82
83	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-excerpt-content{
84	margin-top:' . $attributes['exceprtMarginTop'] . 'px' . ';
85	margin-bottom:' . $attributes['exceprtMarginBottom'] . 'px' . ';
86	margin-left:' . $attributes['exceprtMarginLeft'] . 'px' . ';
87	margin-right:' . $attributes['exceprtMarginRight'] . 'px' . ';
88	}';
89
90	$layoutstyle = explode('-', $attributes['grid']);
91	if ($layoutstyle[5] > 3) {
92	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-single .blockspare-posts-block-post-img {
93	border-radius:' . $attributes['borderRadius'] . 'px' . ';
94	}';
95	if ($attributes['enableBoxShadow']) {
96	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-single .blockspare-posts-block-post-img {
97	box-shadow: ' . $attributes['xOffset'] . 'px ' . $attributes['yOffset'] . 'px ' . $attributes['blur'] . 'px ' . $attributes['spread'] . 'px ' . $attributes['shadowColor'] . ';
98	}';
99	}
100	} else {
101	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-single{
102	border-radius:' . $attributes['borderRadius'] . 'px' . ';
103	background-color:' . $attributes['backGroundColor'] . '
104	}';
105
106	if ($attributes['enableBoxShadow']) {
107	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-single{
108	box-shadow: ' . $attributes['xOffset'] . 'px ' . $attributes['yOffset'] . 'px ' . $attributes['blur'] . 'px ' . $attributes['spread'] . 'px ' . $attributes['shadowColor'] . ';
109	}';
110	}
111	}
112
113	//Title Hover
114
115	if ($attributes['titleOnHover'] == 'lpc-title-hover') {
116	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content .blockspare-posts-block-title-link:hover span{
117	color: ' . $attributes['titleOnHoverColor'] . ';
118	}';
119	}
120
121	if ($attributes['titleOnHover'] == 'lpc-title-border') {
122	$inline_css .= ' .' . $blockuniqueclass . ' .lpc-title-border .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link span:hover{
123	box-shadow: inset 0 -2px 0 0 ' . $attributes['titleOnHoverColor'] . ';
124	}';
125	}
126
127	//Font Settings
128
129	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-title a span{
130	font-size: ' . $attributes['postTitleFontSize'] . $attributes['titleFontSizeType'] . ';
131	' . bscheckFontfamily($attributes['titleFontFamily']) . ';
132	' . bscheckFontfamilyWeight($attributes['titleFontWeight']) . ';
133	line-height: ' . $attributes['postTitleLineHeight'] . ';
134	}';
135
136	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-excerpt .blockspare-posts-block-post-grid-excerpt-content {
137	font-size:' . $attributes['descriptionFontSize'] . $attributes['descriptionFontSizeType'] . ';
138	' . bscheckFontfamily($attributes['descriptionFontFamily']) . ';
139	' . bscheckFontfamilyWeight($attributes['descriptionFontWeight']) . ';
140	}';
141
142	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-author a span {
143	font-size:' . $attributes['postMetaFontSize'] . $attributes['postMetaFontSizeType'] . ';
144	' . bscheckFontfamily($attributes['postMetaFontFamily']) . ';
145	' . bscheckFontfamilyWeight($attributes['postMetaFontWeight']) . ';
146	}';
147
148	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-date {
149	font-size:' . $attributes['postMetaFontSize'] . $attributes['postMetaFontSizeType'] . ';
150	' . bscheckFontfamily($attributes['postMetaFontFamily']) . ';
151	' . bscheckFontfamilyWeight($attributes['postMetaFontWeight']) . ';
152	}';
153
154	$inline_css .= ' .' . $blockuniqueclass . ' .comment_count {
155	font-size:' . $attributes['postMetaFontSize'] . $attributes['postMetaFontSizeType'] . ';
156	' . bscheckFontfamily($attributes['postMetaFontFamily']) . ';
157	' . bscheckFontfamilyWeight($attributes['postMetaFontWeight']) . ';
158	}';
159
160	$inline_css .= '@media (max-width: 1025px) { ';
161	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-title a span{
162	font-size: ' . $attributes['titleFontSizeTablet'] . $attributes['titleFontSizeType'] . ';
163	}';
164	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-excerpt .blockspare-posts-block-post-grid-excerpt-content {
165	font-size:' . $attributes['descriptionFontSizeTablet'] . $attributes['descriptionFontSizeType'] . '
166	}';
167	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-author a span {
168	font-size:' . $attributes['postMetaFontSizeTablet'] . $attributes['postMetaFontSizeType'] . '
169	}';
170	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-date {
171	font-size:' . $attributes['postMetaFontSizeTablet'] . $attributes['postMetaFontSizeType'] . '
172	}';
173	$inline_css .= ' .' . $blockuniqueclass . ' .comment_count {
174	font-size:' . $attributes['postMetaFontSizeTablet'] . $attributes['postMetaFontSizeType'] . '
175	}';
176	$inline_css .= '}';
177
178
179	$inline_css .= '@media (max-width: 767px) { ';
180	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-title a span{
181	font-size: ' . $attributes['titleFontSizeMobile'] . $attributes['titleFontSizeType'] . ';
182	}';
183	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-excerpt .blockspare-posts-block-post-grid-excerpt-content {
184	font-size:' . $attributes['descriptionFontSizeMobile'] . $attributes['descriptionFontSizeType'] . '
185	}';
186	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-author a span {
187	font-size:' . $attributes['postMetaFontSizeMobile'] . $attributes['postMetaFontSizeType'] . '
188	}';
189	$inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-grid-date {
190	font-size:' . $attributes['postMetaFontSizeMobile'] . $attributes['postMetaFontSizeType'] . '
191	}';
192	$inline_css .= ' .' . $blockuniqueclass . ' .comment_count {
193	font-size:' . $attributes['postMetaFontSizeMobile'] . $attributes['postMetaFontSizeType'] . '
194	}';
195	$inline_css .= '}';
196
197	//Pagination
198	if ($attributes['enablePagination']) {
199	if ($attributes['loadMoreStyle'] == 'bs-loadmore-solid') {
200	$inline_css .= ' .' . $blockuniqueclass . ' .bs_blockspare_loadmore a.blockspare-readmore .load-btn{
201	color:' . $attributes['loadMoreSolidTextColor'] . ';
202	background-color:' . $attributes['loadMoreTextBgColor'] . ';
203	}';
204	$inline_css .= ' .' . $blockuniqueclass . ' .bs_blockspare_loadmore a.blockspare-readmore .load-btn:hover{
205	color:' . $attributes['loadMoreSolidTextHoverColor'] . ';
206	background-color:' . $attributes['loadMoreTextBgHoverColor'] . ';
207	}';
208	} else {
209	$inline_css .= ' .' . $blockuniqueclass . ' .bs_blockspare_loadmore a.blockspare-readmore .load-btn{
210	color:' . $attributes['loadMoreTextColor'] . ';
211	}';
212	$inline_css .= ' .' . $blockuniqueclass . ' .bs_blockspare_loadmore a.blockspare-readmore .load-btn:hover{
213	color:' . $attributes['loadMoreTextHoverColor'] . ';
214	}';
215	}
216
217	$inline_css .= ' .' . $blockuniqueclass . ' .bs_blockspare_loadmore{
218	text-align:' . $attributes['loadMoreAlignment'] . ';
219	}';
220	$inline_css .= ' .' . $blockuniqueclass . ' .bs_blockspare_loadmore a.blockspare-readmore .ajax-loader-enabled{
221	border-top-color:' . $attributes['loadMoreColor'] . ';
222	}';
223	$inline_css .= '}';
224	}
225
226
227	// $block_content .= blockspare_minify_css($inline_css);
228
229	// $block_content .= '</style>';
230	// return $block_content;
231
232	if (!empty($inline_css)) {
233	wp_register_style('bs-post-grid', false);
234	wp_enqueue_style('bs-post-grid');
235	wp_add_inline_style('bs-post-grid', blockspare_minify_css($inline_css));
236	}
237	}
238	}
239