← All changes | includes/css_template.php +75 -66 trunk → 2.6.2 View file →

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