← All changes | includes/css.php +122 -9 2.0.1 → 2.2.16 View file →

		@@ -5,38 +5,151 @@
5	5	*/
6	6
7	7	namespace Hurrytimer;
8	8
9		-$posts = get_posts([
10		- 'post_type' => HURRYT_POST_TYPE,
11		- 'posts_per_page' => -1,
12		- 'post_status' => 'publish',
13		-]);
	9	+use Hurrytimer\Utils\Helpers;
14	10
15		-foreach ($posts as $post):
	11	+$campaigns = Helpers::getCampaigns(['post_status' => 'any']);
	12	+
	13	+foreach ($campaigns as $post):
16	14	$campaign = new Campaign($post->ID);
17	15	$campaign->loadSettings();
	16	+
	17	+ // Identifier class of the current campaign.
18	18	$campaignClass = ".hurrytimer-campaign-{$campaign->getId()}";
19	19	?>
	20	+
	21	+ <?php
	22	+ // ------------------------------------------------
	23	+ // Campaign container
	24	+ // ------------------------------------------------
	25	+ ?>
	26	+ <?php echo $campaignClass ?>{
	27	+ text-align: <?php echo $campaign->campaignAlign ?>;
	28	+ display: <?php echo $campaign->campaignDisplay ?>;
	29	+ }
	30	+ <?php
	31	+ // ------------------------------------------------
	32	+ // Digit and seperator
	33	+ // ------------------------------------------------
	34	+ ?>
	35	+
20	36	<?php echo "$campaignClass .hurrytimer-timer-digit" ?>,
21	37	<?php echo "$campaignClass .hurrytimer-timer-sep" ?>
22	38	{
23	39	color: <?php echo $campaign->digitColor ?>;
	40	+ display: <?php echo $campaign->blockDisplay ?>;
24	41	font-size: <?php echo $campaign->digitSize ?>px;
25	42	}
	43	+
	44	+ <?php echo "$campaignClass .hurrytimer-timer" ?>{
	45	+ <?php if ($campaign->campaignDisplay === "inline"): ?>
	46	+ display: inline-flex;
	47	+ vertical-align: middle;
	48	+<?php else: ?>
	49	+ justify-content:
	50	+ <?php switch ($campaign->campaignAlign) {
	51	+ case 'left':
	52	+ echo 'flex-start';
	53	+ break;
	54	+ case 'right':
	55	+ echo 'flex-end';
	56	+ break;
	57	+ default:
	58	+ echo 'center';
	59	+ break;
	60	+ }
	61	+ ?>
	62	+<?php endif; ?>
	63	+ }
	64	+
	65	+ <?php
	66	+// ------------------------------------------------
	67	+// Label
	68	+// ------------------------------------------------
	69	+ ?>
26	70	<?php echo "$campaignClass .hurrytimer-timer-label" ?>
27	71	{
28	72	font-size: <?php echo $campaign->labelSize ?>px;
29	73	color: <?php echo $campaign->labelColor ?>;
30	74	text-transform: <?php echo $campaign->labelCase ?>;
	75	+ display: <?php echo $campaign->blockDisplay ?>;
31	76	}
	77	+
	78	+ <?php if ($campaign->enableSticky === C::YES): ?>
	79	+ .hurrytimer-sticky-<?php echo $campaign->getId() ?> {
	80	+ background-color: <?php echo $campaign->stickyBarBgColor; ?>;
	81	+ padding-top: <?php echo $campaign->stickyBarPadding ?>px;
	82	+ padding-bottom: <?php echo $campaign->stickyBarPadding ?>px;
	83	+ <?php echo $campaign->stickyBarPosition; ?>: 0;
	84	+ }
	85	+ .hurrytimer-sticky-<?php echo $campaign->getId() ?> .hurrytimer-sticky-close svg{
	86	+ fill: <?php echo $campaign->stickyBarCloseBtnColor; ?>
	87	+ }
	88	+<?php endif; ?>
	89	+
32	90	<?php ?>
	91	+
	92	+ <?php
	93	+// ------------------------------------------------
	94	+// Headline
	95	+// ------------------------------------------------
	96	+ ?>
33	97	<?php echo "$campaignClass .hurrytimer-headline"; ?>
34	98	{
35	99	font-size: <?php echo $campaign->headlineSize ?>px;
36	100	color: <?php echo $campaign->headlineColor ?>;
	101	+ <?php if ($campaign->headlinePosition === C::HEADLINE_POSITION_BELOW_TIMER): ?>
	102	+ margin-<?php echo $campaign->campaignDisplay === "inline" ? 'left'
	103	+ : 'top' ?>: <?php echo $campaign->headlineSpacing; ?>px;
	104	+<?php else: ?>
	105	+ margin-<?php echo $campaign->campaignDisplay === "inline" ? 'right'
	106	+ : 'bottom' ?>: <?php echo $campaign->headlineSpacing; ?>px;
	107	+<?php endif; ?>
	108	+
	109	+ <?php if ($campaign->campaignDisplay === "inline"): ?>
	110	+ display:inline-block;
	111	+ vertical-align:middle;
	112	+<?php endif; ?>
37	113	}
38		- <?php
39		- endforeach;
40		- ?>
	114	+
	115	+ <?php echo "$campaignClass .hurrytimer-button-wrap" ?>{
	116	+ <?php if ($campaign->campaignDisplay === 'inline'): ?>
	117	+ margin-left: <?php echo $campaign->callToAction['spacing'] ?>px;
	118	+<?php else: ?>
	119	+ margin-top: <?php echo $campaign->callToAction['spacing'] ?>px;
	120	+<?php endif; ?>
	121	+
	122	+ <?php if ($campaign->campaignDisplay === "inline"): ?>
	123	+ display:inline-block;
	124	+ vertical-align:middle;
	125	+<?php endif; ?>
	126	+ }
	127	+ <?php echo "$campaignClass .hurrytimer-button" ?>{
	128	+ font-size: <?php echo $campaign->callToAction['text_size'] ?>px;
	129	+ color: <?php echo $campaign->callToAction['text_color'] ?>;
	130	+ background-color: <?php echo $campaign->callToAction['bg_color'] ?>;
	131	+ border-radius: <?php echo $campaign->callToAction['border_radius'] ?>px;
	132	+ padding: <?php echo $campaign->callToAction['y_padding'] . 'px '
	133	+ . $campaign->callToAction['x_padding'] ?>px;
	134	+ }
	135	+
	136	+ @media(max-width:425px) {
	137	+ <?php echo $campaignClass ?> .hurrytimer-button-wrap,
	138	+ <?php echo $campaignClass ?> .hurrytimer-headline
	139	+ {
	140	+ margin-left: 0;
	141	+ margin-right: 0;
	142	+ }
	143	+ }
	144	+ <?php
	145	+// ------------------------------------------------
	146	+// Append Custom CSS
	147	+// ------------------------------------------------
	148	+
	149	+endforeach;
	150	+?>
	151	+
	152	+
	153	+
41	154
42	155