ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / public_html / lazysleep / wp-content / themes / woodmart / inc / admin / assets / sass / controls

// ------------------------------------------------------------------------------------------------
// WPB HOTSPOT
// ------------------------------------------------------------------------------------------------

@if $wpb-cont-hotspot {

.wpb_woodmart_image_hotspot {

.attach_image {
			position: absolute;
			top: 45px;
			left: 0;
			margin: 10px;
			max-width: 32px;
			height: auto;
			border-radius: var(--xts-option-border-radius);
		}

&,
		.wpb_element_wrapper {
			padding-bottom: 10px;
		}
	}

.xts-image-hotspot-preview {
		position: relative;
		display: block;
		min-height: 200px;
		width: 100%;
		border: 1px solid var(--xts-option-border-color);
		border-radius: var(--xts-option-border-radius);

@include xts-bg-loader;

&.xts-loading {
			@include xts-act-bg-loader;
		}
	}

.xts-image-hotspot {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		margin-top: -5px;
		margin-left: -5px;
		width: 10px;
		height: 10px;
		// border: 1px solid rgba(0,0,0,.5);
		border: 1px solid rgba(255,255,255,.8);
		border-radius: 50%;
		// background-color: #2EAE62;
		background-color: var(--xts-btn-primay-color);
	}

.xts-image-hotspot-overlay {
		position: absolute;
		inset: 0;
		// top: 0;
		// right: 0;
		// bottom: 0;
		// left: 0;
		z-index: 2;
		cursor: pointer;
	}

.xts-hotspot-img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: var(--xts-option-border-radius);
	}

.xts-loading .xts-image-hotspot,
	.xts-image-hotspot-image {
		display: none;
	}

} // END IF

[-] _group-options.scss [edit]
[-] _images-set.scss [edit]
[-] _dimensions-control.scss [edit]
[-] _buttons-set.scss [edit]
[-] _gradient.scss [edit]
[-] _dimension.scss [edit]
[-] _table-controls.scss [edit]
[-] _code-editor.scss [edit]
[-] _button-switcher.scss [edit]
[-] _background-control.scss [edit]
[-] _upload.scss [edit]
[-] _range-slider.scss [edit]
[-] _shadow.scss [edit]
[-] _date-picker.scss [edit]
[+] ..
[-] _typography.scss [edit]
[-] _responsive-input.scss [edit]
[-] _color-picker.scss [edit]
[-] _text-editor.scss [edit]
[-] _hotspot.scss [edit]