hurrytimer / includes / css_template.php

css_template.php in HurryTimer – An Scarcity and Urgency Countdown Timer for WordPress & WooCommerce trunk, at includes/css_template.php

147 lines 4.3 KB

Raw Download Zip

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