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