<commit_before>@import "compass";

@mixin respond-to($size) {
    @media only screen and (max-height: $size) {
        @content;
    }
}

%header-style {
    width: 400px;
    height: 340px;
    font-size: 0;
    text-indent: -9999;
}

/* Game Over Screen(s) */
.gameover {
    .container {
        width: 500px;
        margin: 0 auto;
        overflow: visible;
        position: relative;
        display:none;
    }
    h1 {
        float: left;
        clear: none;
        margin-bottom: 20px;
        @extend %header-style;
        @include respond-to(800px) {
            float: none;
            width: 400px;
            margin: 0 auto;
        }
    }
    .blackout h1  {
        background: transparent url(../images/Type_BlackOut.svg) no-repeat center center;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .schwasted h1 {
        background: transparent url(../images/Type_Schwasted.svg) no-repeat center center;
        background-size: 90%;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .buzzed h1    {
        background: transparent url(../images/Type_Buzzed.svg) no-repeat center center;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .tipsy h1     {
        background: transparent url(../images/Type_Tipsy.svg) no-repeat center center;
        background-size: 100%;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .sober h1     {
        background: transparent url(../images/Type_Sober.svg) no-repeat center center;
        background-size: 95%;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    a {
        display: block;
    }
    .tweet {
        float: left;
        background: transparent url(../images/Button_Tweet.svg) no-repeat center center;
        width: 250px;
        height: 120px;
    }
    .facebook {
        float: right;
        background: transparent url(../images/Button_Share.svg) no-repeat center center;
        width: 250px;
        height: 120px;
    }
    .gameover-social-btn, .gameover-option-btn {
        &:hover {<commit_msg>add hover states to end of game social media buttons. close #116<commit_after>@import "compass";

@mixin respond-to($size) {
    @media only screen and (max-height: $size) {
        @content;
    }
}

%header-style {
    width: 400px;
    height: 340px;
    font-size: 0;
    text-indent: -9999;
}

/* Game Over Screen(s) */
.gameover {
    .container {
        width: 500px;
        margin: 0 auto;
        overflow: visible;
        position: relative;
        display:none;
    }
    h1 {
        float: left;
        clear: none;
        margin-bottom: 20px;
        @extend %header-style;
        @include respond-to(800px) {
            float: none;
            width: 400px;
            margin: 0 auto;
        }
    }
    .blackout h1  {
        background: transparent url(../images/Type_BlackOut.svg) no-repeat center center;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .schwasted h1 {
        background: transparent url(../images/Type_Schwasted.svg) no-repeat center center;
        background-size: 90%;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .buzzed h1    {
        background: transparent url(../images/Type_Buzzed.svg) no-repeat center center;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .tipsy h1     {
        background: transparent url(../images/Type_Tipsy.svg) no-repeat center center;
        background-size: 100%;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    .sober h1     {
        background: transparent url(../images/Type_Sober.svg) no-repeat center center;
        background-size: 95%;
        @include respond-to(800px) {
            background-size: 50%;
            height: 250px;
        }
    }
    a {
        display: block;
    }
    .tweet {
        float: left;
        background: transparent url(../images/Button_Tweet.svg) no-repeat center center;
        width: 250px;
        height: 120px;
        &:hover {
            margin-left: -2px;
            margin-top: 2px
        }
    }
    .facebook {
        float: right;
        background: transparent url(../images/Button_Share.svg) no-repeat center center;
        width: 250px;
        height: 120px;
        &:hover {
            margin-right: -2px;
            margin-top: 2px
        }
    }
    .gameover-social-btn, .gameover-option-btn {
        &:hover {
{'fraction_non_alphanumeric': 0.11683006535947713, 'fraction_numerical': 0.0377859477124183, 'mean_word_length': 1.606173496540713, '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': '5479834', 'n_tokens_mistral': 1646, 'n_tokens_neox': 1491, 'n_words': 343}