<commit_before>@media only screen and (max-width: 980px) {
    body {
        overflow-x: hidden;
    }
    .overview main {
        .book {
            width: 33%;
        }

        .overlay .container {
            .sidebar {
                width: 40%;
                max-width: $book-big-w + $spacing3;
            }

            .maincontent {
                width: 60%;

                .close {
                    margin: -20px 30px 0 0;
                }
            }
        }
    }
}
@media only screen and (max-width: 800px) {

    .swipe {
        .controls {
            span {
                &#dislike {
                    float: left;
                    margin: 0;

                }

                &#like {
                    float: right;
                    margin: 0 0 0 210px;
                }

                &#dislike.zoom, &#dislike:hover, &#dislike:focus, &#dislike:active {
                    width: $button-w;
                    height: $button-h;
                    margin: 0;
                }

                &#like.zoom, &#like:hover, &#like:focus, &#like:active {
                    width: $button-w;
                    height: $button-h;
                    margin: 0 0 0 210px;
                }
            }
        }
    }
}
@media only screen and (max-width: 720px) {
    .overview main .book {
        width: 50%;
    }
}
@media only screen and (max-width: 580px) {
    .overview {
        header {
            h1 {
                float: none;
                text-align: center;
            }
            .icon-container {
                float: none;
                display: block;
                width: 144px;
                margin: 20px auto 0 auto;
            }
        }
    }
}
@media only screen and (max-width: 500px) {
    .container {
        margin: 30px auto 0;
    }
    h1 {
        font-size: 22px
    }
    .swipe {
        .stack {
            height: 300px;
            margin-bottom: 60px;

            li {
                margin-left: -150px;
                width: 300px;
                height: 300px;

                figure {
                    width: 300px;
                    height: 300px;
                }
            }
        }
        .controls {
            padding: 0 60px;

            span {
                width: 70px;
                height: 70px;

                &#like {
                    float: right;
                    margin: 0 0 0 170px;
                }

                &#dislike.zoom, &#dislike:hover, &#dislike:focus, &#dislike:active {
                    width: 70px;
                    height: 70px;
                }

                &#like.zoom, &#like:hover, &#like:focus, &#like:active {<commit_msg>Some padding here, some margin there<commit_after>@media only screen and (max-width: 980px) {
    body {
        overflow-x: hidden;
    }
    .overview main {
        .book {
            width: 33%;
        }

        .overlay .container {
            .sidebar {
                width: 40%;
                max-width: $book-big-w + $spacing3;
            }

            .maincontent {
                width: 60%;

                .close {
                    margin: -20px 30px 0 0;
                }
            }
        }
    }
}
@media only screen and (max-width: 800px) {

    .swipe {
        .controls {
            span {
                &#dislike {
                    float: left;
                    margin: 0;

                }

                &#like {
                    float: right;
                    margin: 0 0 0 210px;
                }

                &#dislike.zoom, &#dislike:hover, &#dislike:focus, &#dislike:active {
                    width: $button-w;
                    height: $button-h;
                    margin: 0;
                }

                &#like.zoom, &#like:hover, &#like:focus, &#like:active {
                    width: $button-w;
                    height: $button-h;
                    margin: 0 0 0 210px;
                }
            }
        }
    }
}
@media only screen and (max-width: 720px) {
    .overview main .book {
        width: 50%;
    }
}
@media only screen and (max-width: 580px) {
    .overview {
        header {
            h1 {
                float: none;
                text-align: center;
            }
            .icon-container {
                float: none;
                display: block;
                width: 144px;
                margin: 20px auto 0 auto;
            }
        }
    }
}
@media only screen and (max-width: 500px) {
    .container {
        margin: 30px auto 0;
    }
    h1 {
        font-size: 22px
    }
    .swipe {
        .stack {
            height: 300px;
            margin-bottom: $spacing3;

            li {
                margin-left: -150px;
                width: 300px;
                height: 300px;

                figure {
                    width: 300px;
                    height: 300px;
                }
            }
        }
        .controls {
            padding: 0 60px;

            span {
                width: 70px;
                height: 70px;

                &#like {
                    float: right;
                    margin: 0 0 0 170px;
                }

                &#dislike.zoom, &#dislike:hover, &#dislike:focus, &#dislike:active {
                    width: 70px;
                    height: 70px;
                }

                &#like.zoom, &#like:hover, &#like:focus, &#like:active {
{'fraction_non_alphanumeric': 0.10211524434719182, 'fraction_numerical': 0.034099197665937275, 'mean_word_length': 0.8090369393139841, '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': '4093180', 'n_tokens_mistral': 1729, 'n_tokens_neox': 1423, 'n_words': 351}