<commit_before>@fa-version:"4.2.0";
@fa-font-path:"//maxcdn.bootstrapcdn.com/font-awesome/@{fa-version}/fonts";
@import "font_awesome_variable";

.shariff {
    ul {
        padding: 0;
        margin: 0;
        :after {
            content: "";
            display: table;
        }
    }
    li {
        height: 30px;
        display: inline-block;
        margin-right: 14px;
        overflow: hidden;
        width: 120px;
        &:last-child {
            margin-right: 0;
        }
        a {
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
            position: relative;
            display: block;
            padding-left: 34px;
            padding-right: 5px;
            font-size: 12px;
            line-height: 31px;
            text-decoration: none;
        }
        &.button {
            a::before {
                position: absolute;
                left: 5px;
                font-family: FontAwesome;
                font-weight: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
        &.facebook {
            a {
                padding-left: 24px;
                background-color: #3b5998;
                &:hover {
                    background-color: #4273c8;
                }
                &::before {
                    content:"\f09a";
                    font-size: 17px;
                }
            }
            .share_count {
                color: #183a75;
                background-color: #99adcf;
            }
        }
        &.twitter {
            a {
                background-color: #55acee;
                &:hover {
                    background-color: #32bbf5;
                }
                &::before {
                    content:"\f099";
                    font-size: 24px;
                }
            }
            .share_count {
                color: #0174a4;
                background-color: #96D4EE;
            }
        }
        &.googleplus {
            a {
                background-color: #d34836;
                &:hover {
                    background-color: #f75b44;
                }
                &::before {
                    content:"\f0d5";
                    font-size: 17px;
                    top: 1px;
                }
            }
            .share_count {
                color: #a31601;
                background-color: #eda79d;
            }
        }
        &.mail {
            a {
                background-color: #999;
                &:hover {
                    background-color: #a8a8a8;
                }
                &::before {
                    content:"\f0e0";
                    font-size: 18px;
                }
            }
        }
        &.info {
            width: 23px;
            height: 28px;
            border: 1px solid #ccc;
            a {
                padding: 0;
                &::before {
                    content:"\f129";
                    font-size: 16px;
                    left: 9px;
                    color: #666;
                }
                &:hover {
                    background-color: #efefef;
                }
            }
            .share_text {
                display: block;
                text-indent: -9999px;
            }
        }
        .share_count {
            padding: 0 8px;
            height: 28px;
            position: absolute;
            top: 1px;
            right: 1px;
            line-height: 30px;
        }
    }
    // ------------------------- colourless design
    .theme-grey {
        .twitter, .facebook, .googleplus, .mail {
            a {
                background-color: #b0b0b0;
            }
            .share_count {
                background-color: #ccc;
                color: #333;
            }
        }
        .twitter a:hover {
            background-color: #55acee;
        }
        .facebook a:hover {
            background-color: #3b5998;
        }
        .googleplus a:hover {
            background-color: #d34836;
        }
        .send_by_email a:hover {
            background-color: #999;
        }
    }
    // ------------------------- even less colorful design
    .theme-white {
        .button {
            border: 1px solid #ddd;
            a {
                background-color: #fff;
                &:hover {
                    background-color: #eee;
                }
            }
            .share_count {
                background-color: #fff;
                color: #999;
            }
        }
        .twitter a {
            color: #55acee;
        }
        .facebook a {
            color: #3b5998;
        }
        .googleplus a {
            color: #d34836;
        }
        .mail a {
            color: #999;
        }
    }
    // ------------------------- vertical alignment
    .orientation-vertical {
        li {
            display: block;
            margin: 5px 0;
            .share_count {
                width: 22px;
                text-align: right;
            }
            &.info {
                margin-left: 95px;
            }
        }
    }
}<commit_msg>adjust text for vertical layout<commit_after>@fa-version:"4.2.0";
@fa-font-path:"//maxcdn.bootstrapcdn.com/font-awesome/@{fa-version}/fonts";
@import "font_awesome_variable";

.shariff {
    ul {
        padding: 0;
        margin: 0;
        :after {
            content: "";
            display: table;
        }
    }
    li {
        height: 30px;
        display: inline-block;
        margin-right: 14px;
        overflow: hidden;
        width: 120px;
        &:last-child {
            margin-right: 0;
        }
        a {
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
            position: relative;
            display: block;
            padding-left: 34px;
            padding-right: 5px;
            font-size: 12px;
            line-height: 31px;
            text-decoration: none;
        }
        &.button {
            a::before {
                position: absolute;
                left: 5px;
                font-family: FontAwesome;
                font-weight: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
        &.facebook {
            a {
                padding-left: 24px;
                background-color: #3b5998;
                &:hover {
                    background-color: #4273c8;
                }
                &::before {
                    content:"\f09a";
                    font-size: 17px;
                }
            }
            .share_count {
                color: #183a75;
                background-color: #99adcf;
            }
        }
        &.twitter {
            a {
                background-color: #55acee;
                &:hover {
                    background-color: #32bbf5;
                }
                &::before {
                    content:"\f099";
                    font-size: 24px;
                }
            }
            .share_count {
                color: #0174a4;
                background-color: #96D4EE;
            }
        }
        &.googleplus {
            a {
                background-color: #d34836;
                &:hover {
                    background-color: #f75b44;
                }
                &::before {
                    content:"\f0d5";
                    font-size: 17px;
                    top: 1px;
                }
            }
            .share_count {
                color: #a31601;
                background-color: #eda79d;
            }
        }
        &.mail {
            a {
                background-color: #999;
                &:hover {
                    background-color: #a8a8a8;
                }
                &::before {
                    content:"\f0e0";
                    font-size: 18px;
                }
            }
        }
        &.info {
            width: 23px;
            height: 28px;
            border: 1px solid #ccc;
            a {
                padding: 0;
                &::before {
                    content:"\f129";
                    font-size: 16px;
                    left: 9px;
                    color: #666;
                }
                &:hover {
                    background-color: #efefef;
                }
            }
            .share_text {
                display: block;
                text-indent: -9999px;
            }
        }
        .share_count {
            padding: 0 8px;
            height: 28px;
            position: absolute;
            top: 1px;
            right: 1px;
            line-height: 30px;
        }
    }
    // ------------------------- colourless design
    .theme-grey {
        .twitter, .facebook, .googleplus, .mail {
            a {
                background-color: #b0b0b0;
            }
            .share_count {
                background-color: #ccc;
                color: #333;
            }
        }
        .twitter a:hover {
            background-color: #55acee;
        }
        .facebook a:hover {
            background-color: #3b5998;
        }
        .googleplus a:hover {
            background-color: #d34836;
        }
        .send_by_email a:hover {
            background-color: #999;
        }
    }
    // ------------------------- even less colorful design
    .theme-white {
        .button {
            border: 1px solid #ddd;
            a {
                background-color: #fff;
                &:hover {
                    background-color: #eee;
                }
            }
            .share_count {
                background-color: #fff;
                color: #999;
            }
        }
        .twitter a {
            color: #55acee;
        }
        .facebook a {
            color: #3b5998;
        }
        .googleplus a {
            color: #d34836;
        }
        .mail a {
            color: #999;
        }
    }
    // ------------------------- vertical alignment
    .orientation-vertical {
        li {
            display: block;
            margin: 5px 0;
            .share_count {
                width: 20px;
                text-align: right;
            }
            &.facebook a {
                padding-left: 34px;
            }
            &.info {
                margin-left: 95px;
            }
        }
    }
}
{'fraction_non_alphanumeric': 0.11210933766606136, 'fraction_numerical': 0.03192201089553665, 'mean_word_length': 0.7501254390366282, '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': '6682007', 'n_tokens_mistral': 3125, 'n_tokens_neox': 2738, 'n_words': 514}