Countdown

<!-- Countdown: sizing -->
<div class="countdown h2" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}'></div>
<div class="countdown h3" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}'></div>
<div class="countdown h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}'></div>
<div class="countdown h5" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}'></div>
<div class="countdown h6" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}'></div>

// Countdown: sizing
.countdown.h2(data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}')
.countdown.h3(data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}')
.countdown.h4(data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}')
.countdown.h5(data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}')
.countdown.h6(data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}')

<!-- Countdown: light version -->
<div class="countdown h2 text-white" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}'></div>

// Countdown: light version
.countdown.h2.text-white(data-date-time="10/10/2020 12:00" data-labels='{"label-day": "d", "label-hour": "h", "label-minute": "m", "label-second": "s"}')