<commit_before>
/* Debug */

@debug: 0px;
.debugred {border: @debug solid red;}
.debuglime {border: @debug solid lime;}
.debugpink {border: @debug solid pink;}

/* Vars */

@box-background: #f2f2f2;
@animation-time: 0.5s;
@animation-time-long: 1.2s;
@border: 2px solid #ccc;

/* ResourceCenter */

#resourcecenter-items {
    .debugred;
    width: 100%;
    text-align: center;

    // Flip code, separated from the rest of the styling
    // Source: http://davidwalsh.name/css-flip

    /* entire container, keeps perspective */
    .flip-container {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;
    }
    /* make sure all containers are the same size within each other */
    .flip-container, .front, .back {
        width: 100%;
        min-height: 60px;
        overflow: visible;
    }
    /* flip speed goes here */
    .flipper {
        -webkit-transition: @animation-time;
        -webkit-transform-style: preserve-3d;
        -moz-transition: @animation-time;
        -moz-transform-style: preserve-3d;
        transition: @animation-time;
        transform-style: preserve-3d;
        position: relative;
    }
    /* hide back of pane during swap */
    .front, .back {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        /* both front and back pane must be in the same place */
        position: absolute;
        top: 0;
        left: 0;
    }
    /* front pane, placed above back */
    .front {
        z-index: 2;
    }
    /* back, initially hidden pane */
    .back {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    // Additional CSS properties (not flip code)

    .col-xs-12, .col-sm-6, .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .flip-container {
        .debuglime;
        // The background is visible behind the flip card during animation
        cursor: pointer;
        padding: 5px;
        margin-bottom: 10px;
    }

    .front {
        .debugred;
        background-color: @box-background;
        border: @border;
        box-sizing: border-box;
        padding-top: 10px;
        img {
            width: 130px;
            height: 130px;
        }
    }

    .back {
        .debugred;
        background-color: @box-background;
        border: @border;
        box-sizing: border-box;
        text-align: left;
        .wraptext {
            .debugpink;
            padding: 10px;
        }
    }
    
}
<commit_msg>Fixed paddings<commit_after>
/* Debug */

@debug: 0px;
.debugred {border: @debug solid red;}
.debuglime {border: @debug solid lime;}
.debugpink {border: @debug solid pink;}

/* Vars */

@box-background: #f2f2f2;
@animation-time: 0.5s;
@animation-time-long: 1.2s;
@border: 2px solid #ccc;

/* ResourceCenter */

#resourcecenter-items {
    .debugred;
    width: 100%;
    text-align: center;

    // Flip code, separated from the rest of the styling
    // Source: http://davidwalsh.name/css-flip

    /* entire container, keeps perspective */
    .flip-container {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;
    }
    /* make sure all containers are the same size within each other */
    .flip-container, .front, .back {
        width: 100%;
        min-height: 60px;
        overflow: visible;
    }
    /* flip speed goes here */
    .flipper {
        -webkit-transition: @animation-time;
        -webkit-transform-style: preserve-3d;
        -moz-transition: @animation-time;
        -moz-transform-style: preserve-3d;
        transition: @animation-time;
        transform-style: preserve-3d;
        position: relative;
    }
    /* hide back of pane during swap */
    .front, .back {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        /* both front and back pane must be in the same place */
        position: absolute;
        top: 0;
        left: 0;
    }
    /* front pane, placed above back */
    .front {
        z-index: 2;
    }
    /* back, initially hidden pane */
    .back {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    // Additional CSS properties (not flip code)

    .col-xs-12, .col-sm-6, .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .flip-container {
        .debuglime;
        // The background is visible behind the flip card during animation
        cursor: pointer;
        padding: 10px;
        margin-bottom: 20px;
    }

    .front {
        .debugred;
        background-color: @box-background;
        border: @border;
        box-sizing: border-box;
        padding-top: 15%;
        .wrapheader {
            img {
                width: 130px;
                height: 130px;
            }
        }
    }

    .back {
        .debugred;
        background-color: @box-background;
        border: @border;
        box-sizing: border-box;
        text-align: left;
        .wraptext {
            .debugpink;
            padding: 20px;
        }
    }
    
}

{'fraction_non_alphanumeric': 0.12188154637211959, 'fraction_numerical': 0.024185869358217482, 'mean_word_length': 1.749738219895288, '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': '5509741', 'n_tokens_mistral': 1759, 'n_tokens_neox': 1606, 'n_words': 418}