<commit_before>@import "../style/button-common";
@import "../style/typography";
@import "../style/spacing";
@import "./button-sizes";

.Button {
    @include button-reset();

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0 $button-size / 1.7;
    min-width: 85px;
    height: $button-size;
    overflow: visible;

    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;

    font: {
        family: $font-family-sans-serif;
        size: $font-size;
        weight: $font-weight-normal;
    };
    line-height: $line-height-condensed;

    //noinspection CssUnknownProperty
    -webkit-app-region: no-drag;

    &__wrapper {
        display: inline-flex;
        align-items: center;
    }

    &__spinner {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    &:disabled {
        cursor: default;
    }

    & * {
        cursor: inherit;
    }

    &--showSpinner {
        .Button__wrapper {
            visibility: hidden;
        }

        .Button__spinner {
            display: inline-flex;
            line-height: 1;
        }
    }

    &--iconContains {
        &-left {
            .Icon { margin-right: $spacing-third; }
        }

        &-right {
            .Icon { margin-left: $spacing-third; }
        }
    }
}

.FlatButton {
    min-width: 0;
    padding: 0;
}

.IconButton {
    width: $button-size;
    min-width: 0;
    padding: 0;
}<commit_msg>Add comporting font family with icon<commit_after>@import "../style/button-common";
@import "../style/typography";
@import "../style/spacing";
@import "./button-sizes";

.Button {
    @include button-reset();

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0 $button-size / 1.7;
    min-width: 85px;
    height: $button-size;
    overflow: visible;

    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;

    font: {
        family: $font-family-sans-serif;
        size: $font-size;
        weight: $font-weight-normal;
    };
    line-height: $line-height-condensed;

    //noinspection CssUnknownProperty
    -webkit-app-region: no-drag;

    &__wrapper {
        display: inline-flex;
        align-items: center;
    }

    &__spinner {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    &:disabled {
        cursor: default;
    }

    & * {
        cursor: inherit;
    }

    &--showSpinner {
        .Button__wrapper {
            visibility: hidden;
        }

        .Button__spinner {
            display: inline-flex;
            line-height: 1;
        }
    }

    &--iconContains {
        &-left {
            .Icon { margin-right: $spacing-third; }
        }

        &-right {
            .Icon { margin-left: $spacing-third; }
        }
    }
}

.FlatButton {
    min-width: 0;
    padding: 0;
}

.IconButton {
    width: $button-size;
    min-width: 0;
    padding: 0;

    .Button__wrapper {
        margin-top: 1px; // Comport with font-family.
    }
}
{'fraction_non_alphanumeric': 0.14047835301241296, 'fraction_numerical': 0.011807447774750226, 'mean_word_length': 1.7171052631578947, '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': '923093', 'n_tokens_mistral': 1126, 'n_tokens_neox': 1048, 'n_words': 219}