<commit_before>@import 'client/styles/colors';
@keyframes rotate360 {
    to {
        transform: rotate(360deg);
    }
}

.button {
    height: 50px;
    display: flex;
    >button {
        //animate
        border: none;
        outline: none;
        border-radius: 30px;
        transition: all ease-out 0.3s;
        border: none;
        border-radius: 5px;
        color: white;
        background: #999;
        font-size: 1em;
        cursor: pointer;
        outline: none;
        display: flex;
        justify-content: center;
        align-items: center;
        >i {
            padding-right: 5px;
            color: white;
        }
        &:hover:not(.disabled) {
            box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
        }
    }
    &.form-button {
        >button {
            &:hover {
                transform: scale(1.05) 0.2s;
                .form-submit,
                .form-confirm,
                .form-accept,
                .form-ok,
                .form-email,
                .form-yes {
                    box-shadow: inset 0 0 100px 100px green;
                }
                .form-next,
                .form-print {
                    box-shadow: inset 0 0 100px 100px blue;
                }
                .form-previous {
                    box-shadow: inset 0 0 100px 100px blue;
                }
                .form-no,
                .form-close,
                .form-reset {
                    box-shadow: inset 0 0 100px 100px gray;
                }
            }
        }
        &.animate {
            >button {
                margin-left: 50%;
                transform: translateX(-50%);
                width: 50px;
                border-radius: 50px;
                font-size: 0px;
                .button-spinner {
                    display: block;
                }
                &:after {
                    content: '';
                }
            }
        }
    }
    &.confirm>button {
        background: $success;
    }
    &.cancel>button {
        background: $error;
    }
    &.form-cancel {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "Cancel";
        }
    }
    &.form-close {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "Close";
        }
    }
    &.form-submit {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Submit";
        }
    }
    &.form-email
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Email";
        }
    }

    &.form-confirm {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Confirm";
        }
    }
    &.form-accept {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Accept";
        }
    }
    &.form-ok {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "OK";
        }
    }
    &.form-next {
        >button {
            background: $primary-color;
        }
        >button:after {
            content: "Next";
        }
    }
    &.form-print {
        >button {
            background: $primary-color;
        }
        >button:after {
            content: "Print";
        }
    }
    &.form-yes {
        >button {
            background: $success;
        }
        >button:after {
            content: "YES";
        }
    }
    &.form-no {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "NO";
        }
    }
    &.form-email {
        >button {
            background: $success;
        }
        >button:after {
            content: "Send Email";
        }
    }
    &.form-previous {
        >button {
            background: $primary-color;
        }
        >button:after {
            content: "Previous";
        }
    }
    &.form-reset {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "Clear";
        }
    }
    &.small>button {
        height: 30px;
        font-size: 0.75em;
        >i {
            font-size: 1.5em;
        }
    }
    &.disabled {
        button {
            background-color: #BBB;
            cursor: not-allowed !important;
            &:hover {
                box-shadow: none;
            }
        }
    }
}
<commit_msg>fixed typo<commit_after>@import 'client/styles/colors';
@keyframes rotate360 {
    to {
        transform: rotate(360deg);
    }
}

.button {
    height: 50px;
    display: flex;
    >button {
        //animate
        border: none;
        outline: none;
        border-radius: 30px;
        transition: all ease-out 0.3s;
        border: none;
        border-radius: 5px;
        color: white;
        background: #999;
        font-size: 1em;
        cursor: pointer;
        outline: none;
        display: flex;
        justify-content: center;
        align-items: center;
        >i {
            padding-right: 5px;
            color: white;
        }
        &:hover:not(.disabled) {
            box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
        }
    }
    &.form-button {
        >button {
            &:hover {
                transform: scale(1.05) 0.2s;
                .form-submit,
                .form-confirm,
                .form-accept,
                .form-ok,
                .form-email,
                .form-yes {
                    box-shadow: inset 0 0 100px 100px green;
                }
                .form-next,
                .form-print {
                    box-shadow: inset 0 0 100px 100px blue;
                }
                .form-previous {
                    box-shadow: inset 0 0 100px 100px blue;
                }
                .form-no,
                .form-close,
                .form-reset {
                    box-shadow: inset 0 0 100px 100px gray;
                }
            }
        }
        &.animate {
            >button {
                margin-left: 50%;
                transform: translateX(-50%);
                width: 50px;
                border-radius: 50px;
                font-size: 0px;
                .button-spinner {
                    display: block;
                }
                &:after {
                    content: '';
                }
            }
        }
    }
    &.confirm>button {
        background: $success;
    }
    &.cancel>button {
        background: $error;
    }
    &.form-cancel {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "Cancel";
        }
    }
    &.form-close {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "Close";
        }
    }
    &.form-submit {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Submit";
        }
    }
    &.form-email {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Email";
        }
    }

    &.form-confirm {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Confirm";
        }
    }
    &.form-accept {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "Accept";
        }
    }
    &.form-ok {
        >button {
            background: $success;
        }
        >button[disabled] {
            background: lightgray;
        }
        >button:after {
            content: "OK";
        }
    }
    &.form-next {
        >button {
            background: $primary-color;
        }
        >button:after {
            content: "Next";
        }
    }
    &.form-print {
        >button {
            background: $primary-color;
        }
        >button:after {
            content: "Print";
        }
    }
    &.form-yes {
        >button {
            background: $success;
        }
        >button:after {
            content: "YES";
        }
    }
    &.form-no {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "NO";
        }
    }
    &.form-email {
        >button {
            background: $success;
        }
        >button:after {
            content: "Send Email";
        }
    }
    &.form-previous {
        >button {
            background: $primary-color;
        }
        >button:after {
            content: "Previous";
        }
    }
    &.form-reset {
        >button {
            background: $grey-text-color;
        }
        >button:after {
            content: "Clear";
        }
    }
    &.small>button {
        height: 30px;
        font-size: 0.75em;
        >i {
            font-size: 1.5em;
        }
    }
    &.disabled {
        button {
            background-color: #BBB;
            cursor: not-allowed !important;
            &:hover {
                box-shadow: none;
            }
        }
    }
}

{'fraction_non_alphanumeric': 0.11406423034330011, 'fraction_numerical': 0.018121413470250678, 'mean_word_length': 0.93758533255315, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 85, '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': '3515130', 'n_tokens_mistral': 3026, 'n_tokens_neox': 2773, 'n_words': 523}