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


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

@border-rounded-border-radius:                  @global-border-radius;

@logo-color:                                    @global-emphasis-color;

@box-shadow-bottom-height:                      0;
@box-shadow-bottom-border-radius:               0;
@box-shadow-bottom-background:                  linear-gradient(270deg, @global-secondary-background, @global-primary-background);
@box-shadow-bottom-blur:                        60px;


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

.hook-panel-scrollable() {}


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

.hook-box-shadow-bottom() {
    top: 15%;
    height: 100%;
    width: 100%;
    transform: scale(0.85);
}


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

.hook-dropcap() {}


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

.hook-logo() {}

.hook-logo-hover() {}


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

.hook-utility-misc() {}


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

.hook-inverse-dropcap() {}

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