//
// Component: Countdown
//
// ========================================================================


// Variables
// ========================================================================

@countdown-number-font-size:                    36px;
@countdown-number-font-size-m:                  48px;
@countdown-number-font-size-s:                  40px;

//
// Master
//

@countdown-item-font-family:                    @global-primary-font-family;
@countdown-item-line-height:                    25px;

@countdown-separator-font-size:                 26px;
@countdown-separator-font-size-m:               38px;
@countdown-separator-font-size-s:               30px;

@countdown-label-font-size:                     11px;
@countdown-label-letter-spacing:                @global-secondary-letter-spacing;
@countdown-label-text-transform:                @global-secondary-text-transform;


// Component
// ========================================================================

.hook-countdown() {}


/* Item
 ========================================================================== */

.hook-countdown-item() {}


/* Number
 ========================================================================== */

.hook-countdown-number() {}


/* Separator
 ========================================================================== */

.hook-countdown-separator() {}


/* Label
 ========================================================================== */

.hook-countdown-label() {}


// Miscellaneous
// ========================================================================

.hook-countdown-misc() {}


// Inverse
// ========================================================================

.hook-inverse-countdown-item() {}
.hook-inverse-countdown-number() {}
.hook-inverse-countdown-separator() {}
.hook-inverse-countdown-label() {}