hurrytimer / includes / css_template.php

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

156 lines 4.6 KB

Raw Download Zip

1	<?php
2
3	/**
4	* Dyanmically apply user CSS.
5	*/
6
7	namespace Hurrytimer;
8
9	use Hurrytimer\Utils\Helpers;
10
11	$campaigns = Helpers::getCampaigns( [ 'post_status' => 'publish' ] );
12
13	foreach ( $campaigns as $post ):
14	$campaign = new Campaign( $post->ID );
15	$campaign->loadSettings();
16
17	// Identifier class of the current campaign.
18	$campaignClass = ".hurrytimer-campaign-{$campaign->get_id()}";
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
36	<?php echo "$campaignClass .hurrytimer-timer-digit" ?>,
37	<?php echo "$campaignClass .hurrytimer-timer-sep" ?>
38	{
39	color: <?php echo $campaign->digitColor ?>;
40	display: <?php echo $campaign->blockDisplay ?>;
41	font-size: <?php echo $campaign->digitSize ?>px;
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	?>
70	<?php echo "$campaignClass .hurrytimer-timer-label" ?>
71	{
72	font-size: <?php echo $campaign->labelSize ?>px;
73	color: <?php echo $campaign->labelColor ?>;
74	text-transform: <?php echo $campaign->labelCase ?>;
75	display: <?php echo $campaign->blockDisplay ?>;
76	}
77
78	<?php if ( $campaign->enableSticky === C::YES ): ?>
79	.hurrytimer-sticky-<?php echo $campaign->get_id() ?> {
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->get_id() ?> .hurrytimer-sticky-close svg{
86	fill: <?php echo $campaign->stickyBarCloseBtnColor; ?>
87	}
88	<?php endif; ?>
89
90	<?php ?>
91
92	<?php
93	// ------------------------------------------------
94	// Headline
95	// ------------------------------------------------
96	?>
97	<?php echo "$campaignClass .hurrytimer-headline"; ?>
98	{
99	font-size: <?php echo $campaign->headlineSize ?>px;
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; ?>
113	}
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
154
155
156