@import './element.less';

// editor-canvas
.editor-canvas{
    .transparent(8px);
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

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

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

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

.editor-layout{
    &.editor-layout-preview {
        .editor-element-selected{
            > .border-before{
                display: none;
            }
        }
    }
}