<commit_before>.body-filepicker {
    padding: 20px;

    &.has-navbar {
        padding-top: 30px;
    }
}
.filepicker-title {
    &-clickable {
        cursor: pointer;
        color: $gray-600;
        &:hover,
        &:focus {
            color: $gray-900;
        }
    }
    div {
        display: inline-block;
        &:not(:last-child):after {
            display: inline-block;
            content: '/';
            color: $gray-700;
            margin: 0 5px;
        }
    }
}
.filemanager {
    @include clearfix;
    margin-left: -10px;
    margin-right: -10px;

    &-item {
        position: relative;
        float: left;
        width: 135px;
        height: 135px;
        font-size: 12px;
        text-align: center;
        margin: 10px;

        &-with-name {
            height: 187px;
        }

        &-editable {
            display: inline-block;
            position: relative;

            &:hover &-button,
            &:focus &-button {
                display: flex;
            }

            &-button {
                display: none;
                position: absolute;
                right: 5px;
                top: 5px;
                font-size: 12px;
                border-radius: 12px;
                background-color: $primary;
                color: #fff;
                height: 24px;
                width: 24px;
                align-items: center;
                justify-content: center;
                border: #fff 2px solid;
                pointer-events: auto;

                &:hover,
                &:focus {
                    color: #fff;
                    background-color: darken($primary, 19%);
                    text-decoration: none;
                }
            }
        }

        &-removable {
            display: inline-block;
            position: relative;

            &:hover &-button,
            &:focus &-button {
                display: flex;
            }

            &-button {
                display: none;
                position: absolute;
                right: 5px;
                top: 5px;
                font-size: 12px;
                border-radius: 12px;
                background-color: $gray-700;
                color: #fff;
                height: 24px;
                width: 24px;
                align-items: center;
                justify-content: center;
                border: #fff 2px solid;
                pointer-events: auto;

                &:hover,
                &:focus {
                    color: #fff;
                    background-color: #000;
                    text-decoration: none;
                }
            }
        }

        &-wrapper {
            max-height: 187px;
            border-radius: 3px;
            padding-bottom: 10px;
            overflow: hidden;
            pointer-events: none;
        }

        &-selected &-wrapper,
        &-over &-wrapper {
            background-color: #ddd;
        }

        &-name {
            display: block;
            margin: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        &-image {
            max-width: 120px;
            max-height: 120px;

            &-wrapper {
                border-radius: 3px;
                background-color: #fff;
                padding: 2px;
                border: 1px solid #ccc;
            }
        }

        &-icon {
            width: 135px;
            height: 135px;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;

            &:before {
                @extend .fa;
                font-size: 80px;
            }

            &-a:before {
                content: $fa-var-file-audio-o;
            }

            &-v:before {
                content: $fa-var-file-video-o;
            }

            &-d:before {
                content: $fa-var-file-o;
            }

            &-f:before {
                content: $fa-var-folder-o;
            }
        }

        &-dragging-source {
            opacity: 0.4;
        }
    }
}
<commit_msg>svg file size<commit_after>.body-filepicker {
    padding: 20px;

    &.has-navbar {
        padding-top: 30px;
    }
}
.filepicker-title {
    &-clickable {
        cursor: pointer;
        color: $gray-600;
        &:hover,
        &:focus {
            color: $gray-900;
        }
    }
    div {
        display: inline-block;
        &:not(:last-child):after {
            display: inline-block;
            content: '/';
            color: $gray-700;
            margin: 0 5px;
        }
    }
}
.filemanager {
    @include clearfix;
    margin-left: -10px;
    margin-right: -10px;

    &-item {
        position: relative;
        float: left;
        width: 135px;
        height: 135px;
        font-size: 12px;
        text-align: center;
        margin: 10px;

        &-with-name {
            height: 187px;
        }

        &-editable {
            display: inline-block;
            position: relative;

            &:hover &-button,
            &:focus &-button {
                display: flex;
            }

            &-button {
                display: none;
                position: absolute;
                right: 5px;
                top: 5px;
                font-size: 12px;
                border-radius: 12px;
                background-color: $primary;
                color: #fff;
                height: 24px;
                width: 24px;
                align-items: center;
                justify-content: center;
                border: #fff 2px solid;
                pointer-events: auto;

                &:hover,
                &:focus {
                    color: #fff;
                    background-color: darken($primary, 19%);
                    text-decoration: none;
                }
            }
        }

        &-removable {
            display: inline-block;
            position: relative;

            &:hover &-button,
            &:focus &-button {
                display: flex;
            }

            &-button {
                display: none;
                position: absolute;
                right: 5px;
                top: 5px;
                font-size: 12px;
                border-radius: 12px;
                background-color: $gray-700;
                color: #fff;
                height: 24px;
                width: 24px;
                align-items: center;
                justify-content: center;
                border: #fff 2px solid;
                pointer-events: auto;

                &:hover,
                &:focus {
                    color: #fff;
                    background-color: #000;
                    text-decoration: none;
                }
            }
        }

        &-wrapper {
            max-height: 187px;
            border-radius: 3px;
            padding-bottom: 10px;
            overflow: hidden;
            pointer-events: none;
        }

        &-selected &-wrapper,
        &-over &-wrapper {
            background-color: #ddd;
        }

        &-name {
            display: block;
            margin: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        &-image {
            max-width: 120px;
            max-height: 120px;

            &[src$='.svg'] {
                width: 100%;
            }

            &-wrapper {
                border-radius: 3px;
                background-color: #fff;
                padding: 2px;
                border: 1px solid #ccc;
            }
        }

        &-icon {
            width: 135px;
            height: 135px;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;

            &:before {
                @extend .fa;
                font-size: 80px;
            }

            &-a:before {
                content: $fa-var-file-audio-o;
            }

            &-v:before {
                content: $fa-var-file-video-o;
            }

            &-d:before {
                content: $fa-var-file-o;
            }

            &-f:before {
                content: $fa-var-folder-o;
            }
        }

        &-dragging-source {
            opacity: 0.4;
        }
    }
}

{'fraction_non_alphanumeric': 0.10495240390408483, 'fraction_numerical': 0.02205084949993975, 'mean_word_length': 0.8601523980277902, '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': '4609395', 'n_tokens_mistral': 2516, 'n_tokens_neox': 2154, 'n_words': 465}