//
// Component: Utility
//
// ========================================================================


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

@logo-font-size:                                24px;
@logo-color:                                    @global-color;
@logo-hover-color:                              @global-primary-background;

@leader-fill-margin-left:                       (@global-small-gutter / 2);

//
// Master
//

@logo-font-family:                              @global-secondary-font-family;
@logo-font-weight:                              300;

@leader-color:                                  @global-muted-color;
@leader-letter-spacing:                         -5px;


// Panel
// ========================================================================

.hook-panel-scrollable() {}


// Box-shadow bottom
// ========================================================================

.hook-box-shadow-bottom() {}


// Drop cap
// ========================================================================

.hook-dropcap() {}


// Leader
// ========================================================================

.hook-leader() {}


// Logo
// ========================================================================

.hook-logo() {}

.hook-logo-hover() {}


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

.hook-utility-misc() {}


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

.hook-inverse-dropcap() {}

.hook-inverse-leader() {}

.hook-inverse-logo() {}
.hook-inverse-logo-hover() {}