<commit_before>@import url(//fonts.googleapis.com/css?family=Oldenburg);
@import url(//fonts.googleapis.com/css?family=Permanent+Marker);
@import url(//fonts.googleapis.com/css?family=Ribeye+Marrow);

@mixin spacing {
    padding: 0 rem-calc(100);
}

.row {

    h1, nav {
        @include spacing;
    }

    &.month {
        background: url("/images/natural_paper.png") repeat scroll 0 0 #C2C2A3;
        margin-bottom: rem-calc(10);
        box-shadow: 0 10px 5px -5px #222;

        h2 {
            @include spacing;
            border-bottom: solid 1px #9a3521;
        }

        div.images {
            @include spacing;

            ul.polaroids {
                img { 
                    display: block; 
                    width: 190px; 
                    margin-bottom: 12px; 
                }
                a:after {
                    content: attr(title);
                }
                a {
                    background: #fff; 
                    margin: 0 0 27px 30px; 
                    width: 210px; 
                    padding: 10px 10px 15px;
                    display: inline; 
                    float: left; 
                    text-align: center; 
                    font-family: "Permanent Marker", sans-serif; 
                    text-decoration: none; 
                    color: #333; 
                    font-size: 18px;
                    box-shadow: 0 3px 6px rgba(0,0,0,.25);
                    transition-property: transform;
                    transition-duration: 0.3s, 0.3s;
                    -webkit-transition-property: -webkit-transform;
                    -webkit-transition-duration: 0.3s, 0.3s;
                }
                a:hover {
                    transform: scale(1.25, 1.25);
                    -ms-transform: scale(1.25, 1.25);
                    -moz-transform: scale(1.25, 1.25);
                    -webkit-transform: scale(1.25, 1.25);
                    -o-transform: scale(1.25, 1.25);
                    position: relative;
                    z-index: 5;
                }
            }
        }

        p {
            @include spacing;
        }
    }
}

<commit_msg>a pile of pics<commit_after>@import url(//fonts.googleapis.com/css?family=Oldenburg);
@import url(//fonts.googleapis.com/css?family=Permanent+Marker);
@import url(//fonts.googleapis.com/css?family=Ribeye+Marrow);

@mixin spacing {
    padding: 0 rem-calc(100);
}

@mixin polaroid-position($rot, $transX, $transY) {
    @media #{$large-up} {
        transform: rotate($rot) translate($transX, $transY);
        -webkit-transform: rotate($rot) translate($transX, $transY);
        -ms-transform:rotate($rot) translate($transX, $transY);
        -o-transform:rotate($rot) translate($transX, $transY);
    }
}

.row {

    h1, nav {
        @include spacing;
    }

    &.month {
        background: url("/images/natural_paper.png") repeat scroll 0 0 #C2C2A3;
        margin-bottom: rem-calc(10);
        box-shadow: 0 10px 5px -5px #222;

        h2 {
            @include spacing;
            border-bottom: solid 1px #9a3521;
        }

        div.images {
            @include spacing;

            ul.polaroids li {

                // make a pile of polaroids
                &:nth-child(1) a {
                    @include polaroid-position(-7deg, 70px, 0);
                }
                &:nth-child(2) a {
                    @include polaroid-position(2deg, 0, 0);
                }
                &:nth-child(3) a {
                    @include polaroid-position(-22deg, -105px, 32px);
                }
                &:nth-child(4) a {
                    @include polaroid-position(10deg, 100px, -50px);
                }
                &:nth-child(5) a {
                    @include polaroid-position(-20deg, 0, -40px);
                }
                &:nth-child(6) a {
                    @include polaroid-position(22deg, -70px, 25px);
                }

                // style the pics
                a:after {
                    content: attr(title);
                }
                a {
                    background: #fff; 
                    margin: 0 0 27px 30px; 
                    width: 210px; 
                    padding: 10px 10px 15px;
                    display: inline; 
                    float: left; 
                    text-align: center; 
                    font-family: join("Permanent Marker", $body-font-family);
                    text-decoration: none; 
                    color: #333; 
                    font-size: 18px;
                    box-shadow: 0 3px 6px rgba(0,0,0,.25);
                    transition-property: transform;
                    transition-duration: 0.3s, 0.3s;
                    -webkit-transition-property: -webkit-transform;
                    -webkit-transition-duration: 0.3s, 0.3s;

                    img { 
                        display: block; 
                        width: 190px; 
                        margin-bottom: 12px; 
                    }

                    &:hover {
                        transform: scale(1.25, 1.25);
                        -ms-transform: scale(1.25, 1.25);
                        -moz-transform: scale(1.25, 1.25);
                        -webkit-transform: scale(1.25, 1.25);
                        -o-transform: scale(1.25, 1.25);
                        position: relative;
                        z-index: 5;
                    }
                }
            } // ul.polaroids li
        } // div.images
    } // &.month
} // .row
{'fraction_non_alphanumeric': 0.11525301638753827, 'fraction_numerical': 0.04249954979290474, 'mean_word_length': 1.057037037037037, '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': '2187909', 'n_tokens_mistral': 1826, 'n_tokens_neox': 1499, 'n_words': 312}