@import '_mixins';
@import '_vars';

$drag-margin: -8px;

h3 {
    display: inline-block;
}

.btn {
    width: 2rem;
}

.category {
    margin-bottom: 1rem;
}

.dnd-drag-start {
    border: 0;
}

.droppable {
    & {
        position: relative;
    }

    &.dnd-drag-over,
    &.dnd-drag-enter {
        & {
            border: 0;
        }

        .drop-indicator {
            display: block;
        }
    }

    .drop-indicator {
        @include absolute($drag-margin, $drag-margin, $drag-margin, $drag-margin);
        border: 2px dashed $color-dark-black;
        background: none;
        display: none;
        pointer-events: none;
    }
}

.header {
    margin-left: -1rem;
}

.nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.schema {
    &-name {
        @include truncate;
    }

    &-name-accent {
        color: $color-dark-foreground;
    }

    &-modified {
        text-align: right;
        width: auto;
        white-space: nowrap;
        padding-left: 0;
    }

    &-user {
        @include border-radius(1px);
        @include truncate;
        display: inline-block;
        background: $color-dark2-control;
        padding: .1rem .25rem;
        font-size: .8rem;
        font-weight: normal;
        margin-left: 10px;
        margin-bottom: 2px;
        max-width: 100%;
        vertical-align: middle;
    }
}