@import "./backgroundpattern";
@import "./node";
@import "./node-interface";
@import "./connection";
@import "./sidebar";
@import "./minimap";

.node-editor {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    outline: none !important;
    font-family: 'Lato', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;

    .background {
        @include backgroundpattern();
        background-repeat: repeat;
        width: 100%;
        height: 100%;
        pointer-events: none !important;
    }

    & *:not(input):not(textarea) {
        user-select: none;
        -moz-user-select: none;
    }

    .input-user-select {
      user-select: auto;
      -moz-user-select: auto;
    }

    & *, & *::after, & *::before {
        box-sizing: border-box;
    }

    &.--temporary-connection {
        cursor: crosshair;
    }

}

.ignore-mouse * {
    pointer-events: none !important;
}
.ignore-mouse .__port {
    pointer-events: all !important;
}

.connections-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none !important;
}

.node-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;

    & * {
        pointer-events: all;
    }

}