enlarger/lib/style.css

A image enlarger library for web app.

.enlarger-container{position:relative;width:var(--enlarger-width);height:var(--enlarger-height)}.enlarger-container .enlarger-image{position:relative;width:100%;height:100%}.enlarger-container .enlarger-image__inner{display:block;width:100%;height:100%}.enlarger-container .enlarger-image__magnifier{display:none;position:absolute;top:0;left:0;width:var(--enlarger-magnifier-width);height:var(--enlarger-magnifier-height);background-color:var(--enlarger-magnifier-color);border-width:var(--enlarger-magnifier-border-width);border-style:var(--enlarger-magnifier-border-style);border-color:var(--enlarger-magnifier-border-color);cursor:var(--enlarger-magnifier-cursor)}.enlarger-container .enlarger-preview{position:absolute;top:0;left:calc(var(--enlarger-preview-position-left) + 10px);overflow:hidden;width:var(--enlarger-preview-width);height:var(--enlarger-preview-height);display:none}.enlarger-container .enlarger-preview__inner{position:absolute;display:block;width:var(--enlarger-preview-img-width);height:var(--enlarger-preview-img-height)}