Your IP : 216.73.216.240

Current Path : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/
Upload File :
Current File : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/overlay.less

// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */

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


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

@overlay-panel-color:                           @global-contrast-color;

@overlay-icon-color:                            @global-contrast-color;

// DEPRECATED
@overlay-area-background:                       fade(@global-default-background, 50%);
@overlay-area-icon-size:                        30px;
@overlay-area-icon-color:                       @global-contrast-color;

@overlay-caption-background:                    fade(@global-default-background, 50%);
@overlay-caption-padding:                       @global-margin;
@overlay-caption-color:                         @global-contrast-color;


// Sub-object `uk-overlay-panel`
// ========================================================================

.hook-overlay-panel() {}


// Sub-object `uk-overlay-background`
// ========================================================================

.hook-overlay-background() {}


// Sub-object `uk-overlay-icon`
// ========================================================================

.hook-overlay-icon() {}


// Sub-object `uk-overlay-area`
// ========================================================================

.hook-overlay-area() {}
.hook-overlay-area-icon() {}


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

.hook-overlay-misc() {
	
	.spotlight .overlay,
	.spotlight .overlay-default {
		background-color: @overlay-area-background;
	    background-image: none;
	    color: #fff;
	    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) inset;
   	}

   	a[data-lightbox] .overlay-default {
	    text-align: center;
   	}

   	.sprocket-mosaic-hover:before,
	a[data-lightbox] .overlay-default:before {
	    font-family: @line-font-icon;
	    font-size: @base-h1-font-size;
	    content: "\e618";
	    left: 50%;
		top: 50%;
		line-height: 1;
		position: absolute;
		text-align: center;
		width: 36px;
		height: 36px;
		margin-top: -15px;
		margin-left: -15px;
		color: @overlay-icon-color;
	}

	.spotlight .overlay,
	.spotlight .overlay a {
		color: @overlay-icon-color;
	}

}