<commit_before>// =============================================================================
// PRODUCT CATEGORY (CSS)
// =============================================================================


// Product Category container
// -----------------------------------------------------------------------------
//
// 1. Using the inline-block method for products means stripping white-space
//    between each product in the grid. We're using the font-size: 0; method.
//
// -----------------------------------------------------------------------------

.productCategory {
    @include u-listBullets("none");
    @include grid-row($behavior: "nest");
    font-size: 0; // 1
}


// Product grid view
// -----------------------------------------------------------------------------
//
// 1. Re-set the font-size, as we're reducing it to 0 in the .products class.
// 2. Ensure images will scale to the grid's width while maintaining ratio.
//
// -----------------------------------------------------------------------------

.productCategory--grid {

    .product {
        @include grid-column(6, $float: none);
        display: inline-block;
        float: none;
        font-size: fontSize("base"); // 1
        vertical-align: top;

        @include breakpoint("small") {
            @include grid-column(4, $float: none);
        }

        @include breakpoint("medium") {
            @include grid-column(3, $float: none);
        }

        .card-image {
            width: 100%; // 2
        }
    }
}


// Product when sidebar is present
// -----------------------------------------------------------------------------
//
// 1. When the sidebar is visible, reduce products to 3 across.
//
// -----------------------------------------------------------------------------

.page-sidebar + .page-content {

    .product { // 1

        @include breakpoint("medium") {
            @include grid-column(4);
            float: none;
        }
    }
}<commit_msg>Bumping the responsive break when sidebar is present<commit_after>// =============================================================================
// PRODUCT CATEGORY (CSS)
// =============================================================================


// Product Category container
// -----------------------------------------------------------------------------
//
// 1. Using the inline-block method for products means stripping white-space
//    between each product in the grid. We're using the font-size: 0; method.
//
// -----------------------------------------------------------------------------

.productCategory {
    @include u-listBullets("none");
    @include grid-row($behavior: "nest");
    font-size: 0; // 1
}


// Product grid view
// -----------------------------------------------------------------------------
//
// 1. Re-set the font-size, as we're reducing it to 0 in the .products class.
// 2. Ensure images will scale to the grid's width while maintaining ratio.
//
// -----------------------------------------------------------------------------

.productCategory--grid {

    .product {
        @include grid-column(6, $float: none);
        display: inline-block;
        float: none;
        font-size: fontSize("base"); // 1
        vertical-align: top;

        @include breakpoint("small") {
            @include grid-column(4, $float: none);
        }

        @include breakpoint("medium") {
            @include grid-column(3, $float: none);
        }

        .card-image {
            width: 100%; // 2
        }
    }
}


// Product when sidebar is present
// -----------------------------------------------------------------------------
//
// 1. When the sidebar is visible, reduce products to 3 across.
//
// -----------------------------------------------------------------------------

.page-sidebar + .page-content {

    .product { // 1

        @include breakpoint("small") {
            @include grid-column(6);
            float: none;
        }

        @include breakpoint("medium") {
            @include grid-column(4);
            float: none;
        }
    }
}
{'fraction_non_alphanumeric': 0.4004895960832313, 'fraction_numerical': 0.009547123623011015, 'mean_word_length': 1.1105371900826446, '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': '2878957', 'n_tokens_mistral': 944, 'n_tokens_neox': 860, 'n_words': 261}