<commit_before>$module: ".search";

#{$module} {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;

    background: rgba(255,255,255, .95);

    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;

    @include transition(opacity .5s ease-in-out, height 0s .5s);

    &.open {

        height: 100%;
        display: table;
        opacity: 1;
        @include transition(opacity .5s ease-in-out, height 0s);

    }

    &__close {

        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 2;

    }

    &__container {

        display: table;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;

    }

    &__content {

        display: table-cell;
        vertical-align: middle;
        text-align: center;

    }

}

.search-form {

    input[type="text"] {

        border: 0;
        outline: none;
        background: none;
        border-bottom: 1px solid $color-black;

        padding: 1rem 3rem 1rem 0;
        width: 100%;

        @include font-size(xxl);
        @include typeface(serif);
        font-weight: weight(regular);

    }

    button[type="submit"] {

        position: absolute;
        right: 1rem;
        top: 1rem;

        border: 0;
        background: none;
        outline: 0;
        cursor: pointer;

        @include font-size(xxl);

    }

}
<commit_msg>Search input on mobile devices<commit_after>$module: ".search";

#{$module} {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;

    background: rgba(255,255,255, .95);

    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;

    @include transition(opacity .5s ease-in-out, height 0s .5s);

    &.open {

        height: 100%;
        display: table;
        opacity: 1;
        @include transition(opacity .5s ease-in-out, height 0s);

    }

    &__close {

        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 2;

    }

    &__container {

        display: table;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;

    }

    &__content {

        display: table-cell;
        vertical-align: middle;
        text-align: center;

    }

}

.search-form {

    input[type="text"] {

        border: 0;
        outline: none;
        background: none;
        border-bottom: 1px solid $color-black;

        padding: 1rem 3rem 1rem 0;
        width: 100%;

        @include font-size(xxl);
        @include typeface(serif);
        font-weight: weight(regular);

        @include mq($until: sm) {
            @include font-size(xl);
        }

    }

    button[type="submit"] {

        position: absolute;
        right: 1rem;
        top: 1rem;

        border: 0;
        background: none;
        outline: 0;
        cursor: pointer;

        @include font-size(xxl);

    }

}

{'fraction_non_alphanumeric': 0.12592096450100468, 'fraction_numerical': 0.036838580040187544, 'mean_word_length': 1.579447322970639, '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': '2747916', 'n_tokens_mistral': 1101, 'n_tokens_neox': 945, 'n_words': 243}