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

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

238 lines 11.8 KB

Raw Download Zip

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