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


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

@countdown-number-font-size-s:                  3.6rem;
@countdown-number-font-size-m:                  5rem;

@countdown-separator-line-height:               1.2;
@countdown-separator-font-size:                 1.3333rem;
@countdown-separator-font-size-s:               2.4rem;
@countdown-separator-font-size-m:               3.3333rem;

//
// Master
//

@countdown-item-color:                          @global-emphasis-color;
@countdown-item-font-family:                    Fira Mono;
@countdown-item-font-weight:                    400;
@countdown-item-text-transform:                 none;
@countdown-item-letter-spacing:                 0;
@countdown-item-font-style:                     normal;

@countdown-label-font-size:                     @global-small-font-size;
@countdown-label-color:                         @global-muted-color;
@countdown-label-font-family:                   @global-secondary-font-family;
@countdown-label-font-weight:                   @global-secondary-font-weight;
@countdown-label-text-transform:                @global-secondary-text-transform;
@countdown-label-letter-spacing:                @global-secondary-letter-spacing;
@countdown-label-font-style:                    @global-secondary-font-style;


// 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() {}
