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


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

@heading-primary-font-size-m:                   70px;

@heading-hero-font-size-m:                      100px;
@heading-hero-font-size-s:                      80px;

@heading-divider-border-width:                  4px;
@heading-divider-border:                        @global-emphasis-color;

@heading-bullet-margin-right:                   16px;
@heading-bullet-border:                         @global-muted-color;

@heading-line-top:                              90%;
@heading-line-width:                            180px;
@heading-line-border-width:                     4px;
@heading-line-border:                           @global-secondary-background;
@heading-line-margin-horizontal:                0.4em;


// Primary
// ========================================================================

.hook-heading-primary() {}


// Hero
// ========================================================================

.hook-heading-hero() {}


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

.hook-heading-divider() {}


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

.hook-heading-bullet() {}


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

.hook-heading-line() {}



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

.hook-heading-misc() {}


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

@inverse-heading-line-border:                 #ffffff;

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

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

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

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

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