//
// Component: Overlay
//
// ========================================================================


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

@overlay-padding-horizontal:                    @global-medium-gutter;
@overlay-padding-vertical:                      @global-medium-gutter;

@overlay-primary-background:                    fade(@global-secondary-background, 80%);


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

.hook-overlay() {}

// Icon
// ========================================================================

.hook-overlay-icon() {}


// Style modifiers
// ========================================================================

.hook-overlay-default() {}

.hook-overlay-primary() {}


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

.hook-overlay-misc() {}