@import './element.less';

// gmage-editor-canvas
.gmage-editor-canvas{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    .gmage-editor-layout{
        background-repeat: no-repeat;
        // background-size: cover;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;

        &.gmage-editor-layout-dragover{
            &::after{
                position: absolute;
                pointer-events: none;
                content: ' ';
                width: 100%;
                height: 100%;
                z-index: 1;
                border: 2px solid #F00;
            }
        }
    }
}