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


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

@internal-heading-bullet-border-image-slice:            ~'';
@internal-heading-bullet-border-image-width:            ~'';
@internal-heading-bullet-border-image-repeat:           ~'';

@internal-heading-bullet-border-image:                  ~'';


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

.hook-heading-small() {}

.hook-heading-medium() {}

.hook-heading-large() {}

.hook-heading-xlarge() {}

.hook-heading-2xlarge() {}

.hook-heading-3xlarge() {}


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

.hook-heading-divider() {}


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

.hook-heading-bullet() when not (@heading-bullet-border-width = 0) and not (@internal-heading-bullet-border-image = ~'') {
    .svg-fill(@internal-heading-bullet-border-image, "#000", @heading-bullet-border, border-image-source);
    border-image-slice: @internal-heading-bullet-border-image-slice;
    border-image-width: @internal-heading-bullet-border-image-width;
    border-image-repeat: @internal-heading-bullet-border-image-repeat;
}


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

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

.hook-inverse-heading-bullet() when not (@heading-bullet-border-width = 0) and not (@internal-heading-bullet-border-image = ~'') {
    .svg-fill(@internal-heading-bullet-border-image, "#000", @inverse-heading-bullet-border, border-image-source);
}

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