@import './graphiql-theme.scss';
@import './cm-sourcegraph-theme.scss';

.api-console {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;

    &__loader {
        align-self: center;
        margin-top: auto;
        margin-bottom: auto;
    }

    &__alert {
        margin: 0;
        padding: 0.25rem 0.5rem;
        margin-left: auto;
        white-space: nowrap;
    }

    &__footer {
        background: #1d2837;
        font-size: 12px;
        text-align: center;
        padding: 0.5rem;
        display: flex;
        justify-content: space-between;
        color: $text-muted;
        &-link {
            text-decoration: underline;
        }
        &-section {
            flex: 1;
            &--docs {
                text-align: left;
            }
            &-spacer {
                margin-left: 0.5rem;
                margin-right: 0.5rem;
            }
        }
    }
}

.theme-light {
    .api-console {
        &__footer {
            background: $color-light-bg-2;
            &-greyed,
            &-greyed-link {
                color: white;
            }
        }
    }
}