<commit_before>@import 'lib';

.homepage-promo {
    background-image: url(../../img/mkt/grain.png),
                      linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -moz-linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -webkit-linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -webkit-gradient(linear, left bottom, left top, from(#60747F), to(#394C58));
    /*.gradient-two-color(#394C58, #60747F);*/
    min-height: 320px;
    color: @white;
    div {
        .border-box;
        background: url(../../img/mkt/quest.png) 100% 58px no-repeat;
        min-height: 330px;
        padding-top: 58px;
        position: relative;
        .width(10);
        margin: 0 auto;
    }
    p {
        font-size: 14px;
        width: 320px;
    }
    h2 {
        font-size: 43px;
        line-height: 52px;
        margin-bottom: 0px;
    }
}

@media (max-width: @10col) {
    .homepage-promo {
        div {
            .background-size(60% auto);
        }
        h2, p {
            .width(3);
        }
    }
    .home #page > section.full > div {
        margin: 0 15px;
        width: 100%;
    }
}

@media (max-width: @4col) {
    .homepage-promo div {
        background-position: 150% 58px;
    }
}

.featured, .popular {
    &.slider {
        height: 282px;
    }
}
.featured {
    background: #60747F;
    .grain;
    color: @white;
    &.slider {
        border-bottom: 1px solid #666;
    }
    a {
        color: lighten(@text, 60%);
        &:hover {
            color: @white;
        }
    }
}

.popular {
    h2 {
        padding-top: 10px;
    }
    a {
        color: @text;
        &:hover {
            color: darken(@text, 15%);
        }
    }
}

.popular, .categories {
    h2 {
        padding-top: 10px;
    }
}

.categories {
    background: @pale-bg;
    &.slider {
        margin-bottom: 0;
    }
    a {
        color: @medium-gray;
        &:hover {
            color: @dark-gray;
        }
    }
    .promo-slider {
        ul li h3 {
            margin: 0;
            text-align: center;
            width: 100%;
        }
        li, img {
            width: 128px;
        }
        img {
            .gradient-two-color(@light-gray, @pale-bg);
            height: 128px;
        }
    }
}
<commit_msg>close gap on homepage footer<commit_after>@import 'lib';

.homepage-promo {
    background-image: url(../../img/mkt/grain.png),
                      linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -moz-linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -webkit-linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -webkit-gradient(linear, left bottom, left top, from(#60747F), to(#394C58));
    /*.gradient-two-color(#394C58, #60747F);*/
    min-height: 320px;
    color: @white;
    div {
        .border-box;
        background: url(../../img/mkt/quest.png) 100% 58px no-repeat;
        min-height: 330px;
        padding-top: 58px;
        position: relative;
        .width(10);
        margin: 0 auto;
    }
    p {
        font-size: 14px;
        width: 320px;
    }
    h2 {
        font-size: 43px;
        line-height: 52px;
        margin-bottom: 0px;
    }
}

@media (max-width: @10col) {
    .homepage-promo {
        div {
            .background-size(60% auto);
        }
        h2, p {
            .width(3);
        }
    }
    .home #page > section.full > div {
        margin: 0 15px;
        width: 100%;
    }
}

@media (max-width: @4col) {
    .homepage-promo div {
        background-position: 150% 58px;
    }
}

.featured, .popular {
    &.slider {
        height: 282px;
    }
}
.featured {
    background: #60747F;
    .grain;
    color: @white;
    &.slider {
        border-bottom: 1px solid #666;
    }
    a {
        color: lighten(@text, 60%);
        &:hover {
            color: @white;
        }
    }
}

.popular {
    h2 {
        padding-top: 10px;
    }
    a {
        color: @text;
        &:hover {
            color: darken(@text, 15%);
        }
    }
}

.popular, .categories {
    h2 {
        padding-top: 10px;
    }
}

.categories {
    background: @pale-bg;
    &.slider {
        margin-bottom: -12px;
    }
    a {
        color: @medium-gray;
        &:hover {
            color: @dark-gray;
        }
    }
    .promo-slider {
        ul li h3 {
            margin: 0;
            text-align: center;
            width: 100%;
        }
        li, img {
            width: 128px;
        }
        img {
            .gradient-two-color(@light-gray, @pale-bg);
            height: 128px;
        }
    }
}

{'fraction_non_alphanumeric': 0.15468589083419154, 'fraction_numerical': 0.0533470648815654, 'mean_word_length': 1.3346153846153845, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '5251031', 'n_tokens_mistral': 1917, 'n_tokens_neox': 1678, 'n_words': 316}