<?php

/**
 * Dyanmically apply user CSS.
 */

namespace Hurrytimer;

$posts = get_posts([
    'post_type'      => HURRYT_POST_TYPE,
    'posts_per_page' => -1,
    'post_status'    => 'publish',
]);

foreach ($posts as $post):
    $campaign = new Campaign($post->ID);
    $campaign->loadSettings();
    $campaignClass = ".hurrytimer-campaign-{$campaign->getId()}";
    ?>
    <?php echo "$campaignClass .hurrytimer-timer-digit" ?>,
    <?php echo "$campaignClass .hurrytimer-timer-sep" ?>
    {
    color: <?php echo $campaign->digitColor ?>;
    font-size: <?php echo $campaign->digitSize ?>px;
    }
    <?php echo "$campaignClass .hurrytimer-timer-label" ?>
    {
    font-size: <?php echo $campaign->labelSize ?>px;
    color: <?php echo $campaign->labelColor ?>;
    text-transform: <?php echo $campaign->labelCase ?>;
    }
    <?php ?>
    <?php echo "$campaignClass .hurrytimer-headline"; ?>
    {
    font-size: <?php echo $campaign->headlineSize ?>px;
    color: <?php echo $campaign->headlineColor ?>;
    }
    <?php 
   endforeach; 
    ?>