<commit_before>// HorizontalGrid
//
// Lays out components side by side all in one row and each cell with equal width.<br>
// Can limit its width to a threshold and center itself with the viewport.<br>
// Can even add a border to the grid.
//
// default - Full width and borderless
// .HorizontalGrid--limited - Limits the grid width to 1280px and centers itself
// .HorizontalGrid--lightFrame - Adds a light colored border
// .HorizontalGrid--darkFrame - Adds a dark colored border
// .HorizontalGrid--noTopFrame - Removes the top border
// .HorizontalGrid--withGutters - Applies gutters
// .HorizontalGrid--variableWidth - Each cell has the width defined by its content
//
// markup:
// <div class="HorizontalGrid {$modifiers}">
//   <div class="HorizontalGrid-cell">
//     <div>Cell 1</div>
//   </div>
//   <div class="HorizontalGrid-cell">
//     <div>Cell 2</div>
//   </div>
//   <div class="HorizontalGrid-cell">
//     <div>Cell 3</div>
//   </div>
// </div>
//
// sg-wrapper:
// <div class="styleguide-grid-unit">
//   <sg-wrapper-content/>
// </div>
//
// Styleguide 1.13

@import '../reset';
@import '../theme_vars';

@mixin HorizontalGrid-frameStyles($color) {
  border-top: 2px solid $color;
  border-bottom: 2px solid $color;

  .HorizontalGrid-cell {
    border-left: 2px solid $color;
  }

  .HorizontalGrid-cell:last-child {
    border-right: 2px solid $color;<commit_msg>Add correct HorizontalGrid-cell borders for mobile<commit_after>// HorizontalGrid
//
// Lays out components side by side all in one row and each cell with equal width.<br>
// Can limit its width to a threshold and center itself with the viewport.<br>
// Can even add a border to the grid.
//
// default - Full width and borderless
// .HorizontalGrid--limited - Limits the grid width to 1280px and centers itself
// .HorizontalGrid--lightFrame - Adds a light colored border
// .HorizontalGrid--darkFrame - Adds a dark colored border
// .HorizontalGrid--noTopFrame - Removes the top border
// .HorizontalGrid--withGutters - Applies gutters
// .HorizontalGrid--variableWidth - Each cell has the width defined by its content
//
// markup:
// <div class="HorizontalGrid {$modifiers}">
//   <div class="HorizontalGrid-cell">
//     <div>Cell 1</div>
//   </div>
//   <div class="HorizontalGrid-cell">
//     <div>Cell 2</div>
//   </div>
//   <div class="HorizontalGrid-cell">
//     <div>Cell 3</div>
//   </div>
// </div>
//
// sg-wrapper:
// <div class="styleguide-grid-unit">
//   <sg-wrapper-content/>
// </div>
//
// Styleguide 1.13

@import '../reset';
@import '../theme_vars';

@mixin HorizontalGrid-frameStyles($color) {
  border-top: 2px solid $color;
  border-bottom: 2px solid $color;

  .HorizontalGrid-cell:not(:last-child) {
    border-bottom: 2px solid $color;
  }

  @include media('>=tablet') {
    .HorizontalGrid-cell {
      border-left: 2px solid $color;
    }

    .HorizontalGrid-cell:last-child {
      border-right: 2px solid $color;
    }
{'fraction_non_alphanumeric': 0.15559322033898304, 'fraction_numerical': 0.00983050847457627, 'mean_word_length': 2.9189907038512617, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 42, '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': '5707141', 'n_tokens_mistral': 956, 'n_tokens_neox': 921, 'n_words': 281}