//
// Component: Heading
//
// ========================================================================


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

//
// New
//

@internal-heading-medium-mode:                       none; // none, glitch
@internal-heading-large-mode:                        none; // none, glitch
@internal-heading-xlarge-mode:                       none; // none, glitch
@internal-heading-2xlarge-mode:                      none; // none, glitch

@internal-heading-glitch-color-1:                    @global-primary-background;
@internal-heading-glitch-color-2:                    @global-secondary-background;
@internal-heading-glitch-duration:                   0.65s;


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

.hook-heading-small() {}

.hook-heading-medium() when (@internal-heading-medium-mode = glitch) {
    animation: uk-text-shadow-glitch @internal-heading-glitch-duration cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite !important;
}

.hook-heading-large() when (@internal-heading-large-mode = glitch) {
    animation: uk-text-shadow-glitch @internal-heading-glitch-duration cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite !important;
}

.hook-heading-xlarge() when (@internal-heading-xlarge-mode = glitch) {
    animation: uk-text-shadow-glitch @internal-heading-glitch-duration cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite !important;
}

.hook-heading-2xlarge() when (@internal-heading-2xlarge-mode = glitch) {
    animation: uk-text-shadow-glitch @internal-heading-glitch-duration cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite !important;
}


// Divider
// ========================================================================

.hook-heading-divider() {}


// Bullet
// ========================================================================

.hook-heading-bullet() {}


// Line
// ========================================================================

.hook-heading-line() {}


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

.hook-heading-misc() {}


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

.hook-inverse-heading-small() {}

.hook-inverse-heading-medium() {}

.hook-inverse-heading-large() {}

.hook-inverse-heading-xlarge() {}

.hook-inverse-heading-2xlarge() {}

.hook-inverse-heading-divider() {}

.hook-inverse-heading-bullet() {}

.hook-inverse-heading-line() {}
