<commit_before>@font-face {
    font-family: 'FA-Icons-Home';
    src: url('https://mozorg.cdn.mozilla.net/media/fonts/icons-home.eot?12-2014#iefix') format('embedded-opentype'),
    url('https://mozorg.cdn.mozilla.net/media/fonts/icons-home.woff?12-2014') format('woff'),
    url('https://mozorg.cdn.mozilla.net/media/fonts/icons-home.ttf?12-2014') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import "standalone/reset.less";
@import "standalone/sandstone.less";
@import "standalone/sandstone-resp.less";

@import "home/home.less";
@import "home/home-promo.less";

body {
    border-top: 2px solid white;
}

.promo-grid-inner {
    padding-left: 20px;
}

.promo-grid .item {
    position: static;
    float: left;
}

.item.no-background {
    background: none;
}

.promo-extra-large-portrait {
    position: relative;
    width: 300px;
    height: 620px;

    h3 {
        padding: (@baseLine * 3) @baseLine 0 @baseLine;
    }
}

.promo-tiny {
    position: relative;
    width: 140px;
    height: 140px;
    z-index: 0;

    a {
        display: block;
        width: 130px;
        height: 130px;
        border: 5px solid transparent;
        .transition(border .3s ease-in-out);
        cursor: pointer;

        color: #FFFFFF;
    
        h2 {
            margin: 0;
            .font-size(22px);
            line-height: 1.3;
            letter-spacing: 0;
            color: #fff;
            text-shadow: none;
            .open-sans;
        }

        &:hover,
        &:focus {
            border: 5px solid rgba(0, 0, 0, 0.2);
        }
        z-index: 2;
    }
}

.promo-tiny.twitter {
    background-color: #55ACEE;
    background-image: url("/images/twitter_logo_white.svg");
    background-size: 50%;
    background-position: center 85%;
    background-repeat: no-repeat;
    text-align: center;
}

.promo-small-landscape.firefox-download .primary {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}

.promo-small-landscape.dev-edition {
    .panel-link {
        position: absolute;
    }
    .primary {
        background-image: url("/images/firefox-developer-logo-wordmark.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        width: 100%;
    }
}

.face {
    background-size: cover;
}

.promo-large-landscape,
.promo-large-portrait {
    a.panel-link {
        visibility: visible;

        &:hover, &:active, &:focus {
            border: 5px solid rgba(0, 0, 0, 0.1);
            -webkit-transition: border .3s ease-in-out, visibility 0s 0s ease-in-out;
            transition: border .3s ease-in-out, visibility 0s 0s ease-in-out;
        }
    }
}

#upcoming-events .container {
    margin-left: 40px;
    margin-right: 40px;
    width: auto;
    max-width: 540px;

    .event-detail, .featured-event {
        width: auto;
        margin-right: 0;
    }

    .event-detail {
        max-width: 340px;
    }

    h2 {
        padding: 0;
        margin: 0;
    }

    h3 {
        text-align: left;
        padding: 0;
        margin: 0 0 12px;
    }

    .event-info::before {
        display: inline-block;
        font-family: "FA-Icons-Home";
        width: 1.5em;
        text-align: center;
        color: #B1B1AD;
    }
}

.past-events a.panel-link {
    background-color: #1D3F58;

    &::before {
        position: absolute;
        font-family: "FA-Icons-Home";
        font-size: 4.2rem;
        content: "\F073";
        margin-left: 30px;
        text-decoration: none;
        display: inline;
        line-height: 125px;
    }

    h2 {
        padding: 20px 20px 20px 125px;
    }
}

.promo-tiny.help {
    background-color: #F37C00;
}

.promo-tiny.help h2 {
    padding-top: 60px;
    text-align: center;

    &::before {
        position: absolute;
        top: 15px;
        left: 50%;
        width: 38px;
        height: 38px;
        margin-left: -20px;
        font-size: 1.875rem;
        font-weight: bold;
        border: 2px solid;
        border-radius: 100%;<commit_msg>Make Help Icon bigger and move text to the bottom<commit_after>@font-face {
    font-family: 'FA-Icons-Home';
    src: url('https://mozorg.cdn.mozilla.net/media/fonts/icons-home.eot?12-2014#iefix') format('embedded-opentype'),
    url('https://mozorg.cdn.mozilla.net/media/fonts/icons-home.woff?12-2014') format('woff'),
    url('https://mozorg.cdn.mozilla.net/media/fonts/icons-home.ttf?12-2014') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import "standalone/reset.less";
@import "standalone/sandstone.less";
@import "standalone/sandstone-resp.less";

@import "home/home.less";
@import "home/home-promo.less";

body {
    border-top: 2px solid white;
}

.promo-grid-inner {
    padding-left: 20px;
}

.promo-grid .item {
    position: static;
    float: left;
}

.item.no-background {
    background: none;
}

.promo-extra-large-portrait {
    position: relative;
    width: 300px;
    height: 620px;

    h3 {
        padding: (@baseLine * 3) @baseLine 0 @baseLine;
    }
}

.promo-tiny {
    position: relative;
    width: 140px;
    height: 140px;
    z-index: 0;

    a {
        display: block;
        width: 130px;
        height: 130px;
        border: 5px solid transparent;
        .transition(border .3s ease-in-out);
        cursor: pointer;

        color: #FFFFFF;
    
        h2 {
            margin: 0;
            .font-size(22px);
            line-height: 1.3;
            letter-spacing: 0;
            color: #fff;
            text-shadow: none;
            .open-sans;
        }

        &:hover,
        &:focus {
            border: 5px solid rgba(0, 0, 0, 0.2);
        }
        z-index: 2;
    }
}

.promo-tiny.twitter {
    background-color: #55ACEE;
    background-image: url("/images/twitter_logo_white.svg");
    background-size: 50%;
    background-position: center 85%;
    background-repeat: no-repeat;
    text-align: center;
}

.promo-small-landscape.firefox-download .primary {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}

.promo-small-landscape.dev-edition {
    .panel-link {
        position: absolute;
    }
    .primary {
        background-image: url("/images/firefox-developer-logo-wordmark.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        width: 100%;
    }
}

.face {
    background-size: cover;
}

.promo-large-landscape,
.promo-large-portrait {
    a.panel-link {
        visibility: visible;

        &:hover, &:active, &:focus {
            border: 5px solid rgba(0, 0, 0, 0.1);
            -webkit-transition: border .3s ease-in-out, visibility 0s 0s ease-in-out;
            transition: border .3s ease-in-out, visibility 0s 0s ease-in-out;
        }
    }
}

#upcoming-events .container {
    margin-left: 40px;
    margin-right: 40px;
    width: auto;
    max-width: 540px;

    .event-detail, .featured-event {
        width: auto;
        margin-right: 0;
    }

    .event-detail {
        max-width: 340px;
    }

    h2 {
        padding: 0;
        margin: 0;
    }

    h3 {
        text-align: left;
        padding: 0;
        margin: 0 0 12px;
    }

    .event-info::before {
        display: inline-block;
        font-family: "FA-Icons-Home";
        width: 1.5em;
        text-align: center;
        color: #B1B1AD;
    }
}

.past-events a.panel-link {
    background-color: #1D3F58;

    &::before {
        position: absolute;
        font-family: "FA-Icons-Home";
        font-size: 4.2rem;
        content: "\F073";
        margin-left: 30px;
        text-decoration: none;
        display: inline;
        line-height: 125px;
    }

    h2 {
        padding: 20px 20px 20px 125px;
    }
}

.promo-tiny.help {
    background-color: #F37C00;
}

.promo-tiny.help h2 {
    padding-top: 90px;
    text-align: center;

    &::before {
        position: absolute;
        top: 10px;
        left: 50%;
        width: 70px;
        height: 70px;
        margin-left: -35px;
        font-size: 3.3rem;
        font-weight: bold;
        border: 2px solid;
        border-radius: 100%;
{'fraction_non_alphanumeric': 0.14143377885783717, 'fraction_numerical': 0.03985419198055893, 'mean_word_length': 1.8961998592540465, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1195146', 'n_tokens_mistral': 3184, 'n_tokens_neox': 2855, 'n_words': 582}