<commit_before>/* ==========================================================================
   THUMBNAIL GRIDS
   ========================================================================== */

/* Thumbnail image grid (default content width) */

/**
 *
 * Example usage:
 *  <ul class="th-grid"> 
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *  </ul>
 *
 */

.th-grid {
  @include row;
  @include clearfix;
  margin: 0;
  padding: 0;
  li {
    list-style: none;
    @include span-columns(2.4);
    @include omega(5n);
    margin-bottom: flex-gutter($grid-columns);
  }
  a {
    img {
      // Image hover animation
      @include transition(transform 0.3s);
      &:hover {
        @include transform(scale(1.1));
        box-shadow: 0 0 10px rgba($black, .20);
      }
    }
  }
}

/* Thumbnail image grid (full width layouts) */

/**
 *
 * Example usage:
 *  <ul class="th-grid-full"> 
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *  </ul>
 *
 */

.th-grid-full {
  @include clearfix;
  margin: 0;
  padding: 0;
  @at-root {
    .archive-wrap & {
      margin-right: 0;
    }
  }  
  li {
    list-style: none;
    margin-bottom: flex-gutter($grid-columns);
    @include media($micro-only) {
      @include span-columns(3);
      @include omega(4n);
    }
    @media screen and (min-width: em(480)) and (max-width: em(999)) {
      @include span-columns(3);
      @include omega(4n);
    }
    @include media($large) {
      @include span-columns(1.5);
      @include omega(8n);
    }
  }
  a {
    img {
      // Image hover animation
      @include transition(transform 0.3s);
      &:hover {
        @include transform(scale(1.1));
        box-shadow: 0 0 10px rgba($black, .20);
      }
    }
  }
}<commit_msg>Fix full width thumbnail grid styles<commit_after>/* ==========================================================================
   THUMBNAIL GRIDS
   ========================================================================== */

/* Thumbnail image grid (default content width) */

/**
 *
 * Example usage:
 *  <ul class="th-grid"> 
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *  </ul>
 *
 */

.th-grid {
  @include row;
  @include clearfix;
  margin: 0;
  padding: 0;
  li {
    list-style: none;
    @include span-columns(2.4);
    @include omega(5n);
    margin-bottom: flex-gutter($grid-columns);
  }
  a {
    img {
      // Image hover animation
      @include transition(transform 0.3s);
      &:hover {
        @include transform(scale(1.1));
        box-shadow: 0 0 10px rgba($black, .20);
      }
    }
  }
}

/* Thumbnail image grid (full width layouts) */

/**
 *
 * Example usage:
 *  <ul class="th-grid-full"> 
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *  </ul>
 *
 */

.th-grid-full {
  @include clearfix;
  margin: 0;
  padding: 0;
  @at-root {
    .archive-wrap & {
      margin-right: 0;
    }
  }  
  li {
    list-style: none;
    margin-bottom: flex-gutter($grid-columns);
    @include media($micro-only) {
      @include span-columns(3);
      @include omega(4n);
    }
    @media screen and (min-width: em(480)) and (max-width: em(767)) {
      @include span-columns(3);
      @include omega(4n);
    }
    @include media($medium) {
      @include span-columns(1.5);
      @include omega(8n);
    }
  }
  a {
    img {
      // Image hover animation
      @include transition(transform 0.3s);
      &:hover {
        @include transform(scale(1.1));
        box-shadow: 0 0 10px rgba($black, .20);
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.2692307692307692, 'fraction_numerical': 0.02047952047952048, 'mean_word_length': 2.588709677419355, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, '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': '1355914', 'n_tokens_mistral': 1473, 'n_tokens_neox': 1385, 'n_words': 287}