<commit_before>@import '../../utils/styles';

.app__wrapper {
    min-height: 100%;
}

.app__container {
    left: 0;
    position: absolute;
    right: 0;
    transition: $animation-duration;

    @media (max-width: $small-med-breakpoint}) {
        width: 100%
    }
    @media (min-width: $small-med-breakpoint) {
        right: 0;
    }

    .app__wrapper--nav-visible & {
        left: $sidebar-width;
    }
}

.app__content {
    @include container(50em);
    padding: $content-padding;
}

.app__transition-wrapper {
    position: absolute;
    transition: opacity 150ms;
    width: 100%;

    &-enter {
        opacity: .01;

        &.app__transition-wrapper-enter-active {
            opacity: 1;
        }
    }

    &-leave {
        opacity: 1;

        &.app__transition-wrapper-leave-active {
            opacity: 0;
        }
    }
}
<commit_msg>Better, and working, nav-slide mechanism<commit_after>@import '../../utils/styles';

.app__wrapper {
    min-height: 100%;
}

.app__container {
    left: 0;
    position: absolute;
    right: 0;
    transition: $animation-duration;

    @media (max-width: #{$small-med-breakpoint}) {
        width: 100%
    }
    @media (min-width: #{$small-med-breakpoint}) {
        right: 0;
    }

    .app__wrapper--nav-visible & {
        left: $sidebar-width;
    }
}

.app__content {
    @include container(50em);
    padding: $content-padding;
}

.app__transition-wrapper {
    position: absolute;
    transition: opacity 150ms;
    width: 100%;

    &-enter {
        opacity: .01;

        &.app__transition-wrapper-enter-active {
            opacity: 1;
        }
    }

    &-leave {
        opacity: 1;

        &.app__transition-wrapper-leave-active {
            opacity: 0;
        }
    }
}

{'fraction_non_alphanumeric': 0.14481185860889395, 'fraction_numerical': 0.02508551881413911, 'mean_word_length': 1.915282392026578, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4596288', 'n_tokens_mistral': 626, 'n_tokens_neox': 572, 'n_words': 108}