@import "../Frontend/variables";

.typo3-login {
    .panel,
    .panel-footer {
        background-color: rgba(0, 0, 0, .2);
    }
    .card-login {
        background-color: #2e3436;
    }
    input {
        color: #9CD9F0;
        border-color: #9CD9F0;
        background-color: #2E3436;
    }
    .form-control:focus,
    .form-control:hover {
        color: #9CD9F0;
        border-color: #9CD9F0;
        background-color: #2E3436;
    }
    h2 {
        color: #fff;
    }
    a {
        color: #218693;
    }
}

.exampleContent {
    video {
        width: 40rem;
        max-width: 100%;
    }
}

.ck-content {
    padding: {
        top: $spacer * 2;
        bottom: $spacer * 2;
    }

    pre {
        background: $black-dark;
        color: $white-dark;
        padding: 0.5em;
    }
}
.ck.ck-content code {
    background: $black-dark;
    color: $white-dark;
}
.ck-editor__editable_inline {
    height: 500px;
}