<commit_before>// Styles written by <NAME> @ Weblinx, Inc.

/* ------------------------------------------------------------------------ *\
 * Login
\* ------------------------------------------------------------------------ */

.login-block {
    & {
        @include layer("login");
    }
}

.login_inner {
    & {
        background: $background;
        margin: 0 auto;
        max-width: remify($site-width);
        padding: remify(($content-padding * 1.25) $content-padding);
    }
}

.login_login-form {
    & {
        padding: remify(30 40 0);
    }

    &.-register {
        background: darken($background, 10);
        border-top: remify(1) solid darken($background_alt, 10);
    }

    .login-form_button {
        margin-bottom: remify(-10, 14);
    }
}

.login_button.-close {
    & {
        background: none;
        color: darken($background_alt, 10);
        font-size: remify(16, 16);
        height: remify(32, 16);
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: color 0.15s;
        width: remify(32, 16);
    }

    &:focus,
    &:hover {
        color: $accent;
    }

    &:before,
    &:after {
        background: currentColor;
        bottom: 0;
        content: "\0020";
        display: block;
        height: remify(1);
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: remify(12, 16);
    }

    &:before {
        transform: rotate(45deg);
    }

    &:after {
        transform: rotate(-45deg);
    }
}

// fullbleed variant

.login-block.-fullbleed {
    & {
        background: $background;
        padding: remify(($content-padding * 1.25) $content-padding);
    }

    > .login_inner {
        background: none;
        padding: 0;
    }
}

// overlay variant

.login-block.-overlay {
    & {
        display: block;
        z-index: 999;
    }

    > .login_inner {
        background: $background;
        border: remify(1) solid darken($background, 20);
        left: -999em;
        max-height: 100vw;
        max-width: 100vw;
        opacity: 0;
        position: fixed;
        transform: translateX(-50%) translateY(-50%);
        transition: left 0s 0.15s, opacity 0.15s, top 0s 0.15s, visibility 0s 0.15s;
        top: -999em;
        width: remify($site-width / 2);
        visibility: hidden;
    }

    > .login_inner {
        left: 50%;
        opacity: 1;
        top: 50%;
        transition: opacity 0.15s;
        visibility: visible;
    }
}<commit_msg>Fix login overlay always being visible<commit_after>// Styles written by <NAME> @ Weblinx, Inc.

/* ------------------------------------------------------------------------ *\
 * Login
\* ------------------------------------------------------------------------ */

.login-block {
    & {
        @include layer("login");
    }
}

.login_inner {
    & {
        background: $background;
        margin: 0 auto;
        max-width: remify($site-width);
        padding: remify(($content-padding * 1.25) $content-padding);
    }
}

.login_login-form {
    & {
        padding: remify(30 40 0);
    }

    &.-register {
        background: darken($background, 10);
        border-top: remify(1) solid darken($background_alt, 10);
    }

    .login-form_button {
        margin-bottom: remify(-10, 14);
    }
}

.login_button.-close {
    & {
        background: none;
        color: darken($background_alt, 10);
        font-size: remify(16, 16);
        height: remify(32, 16);
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: color 0.15s;
        width: remify(32, 16);
    }

    &:focus,
    &:hover {
        color: $accent;
    }

    &:before,
    &:after {
        background: currentColor;
        bottom: 0;
        content: "\0020";
        display: block;
        height: remify(1);
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: remify(12, 16);
    }

    &:before {
        transform: rotate(45deg);
    }

    &:after {
        transform: rotate(-45deg);
    }
}

// fullbleed variant

.login-block.-fullbleed {
    & {
        background: $background;
        padding: remify(($content-padding * 1.25) $content-padding);
    }

    > .login_inner {
        background: none;
        padding: 0;
    }
}

// overlay variant

.login-block.-overlay {
    & {
        display: block;
        z-index: 999;
    }

    > .login_inner {
        background: $background;
        border: remify(1) solid darken($background, 20);
        left: -999em;
        max-height: 100vw;
        max-width: 100vw;
        opacity: 0;
        position: fixed;
        transform: translateX(-50%) translateY(-50%);
        transition: left 0s 0.15s, opacity 0.15s, top 0s 0.15s, visibility 0s 0.15s;
        top: -999em;
        width: remify($site-width / 2);
        visibility: hidden;
    }

    &.is-active > .login_inner {
        left: 50%;
        opacity: 1;
        top: 50%;
        transition: opacity 0.15s;
        visibility: visible;
    }
}
{'fraction_non_alphanumeric': 0.1892527946656207, 'fraction_numerical': 0.0415767797607374, 'mean_word_length': 1.4413595021541408, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3006019', 'n_tokens_mistral': 1774, 'n_tokens_neox': 1579, 'n_words': 356}