<commit_before>// Name:            Grid
// Description:     Defines styles for flexbox based grid layout.
//
// Component:       `o-Grid`
//
// Sub-objects:     `o-Grid-cell`
//
// Modifiers:       `o-Grid--flexCells`
//                  `o-Grid--full`
//                  `o-Grid--top`
//                  `o-Grid--bottom`
//                  `o-Grid--center`
//                  `o-Grid--justifyCenter`
//                  `o-Grid--reverse`
//                  `o-Grid--gutters`
//                  `o-Grid--guttersLg`
//                  `o-Grid--guttersXl`
//
//                  `o-Grid-cell--top`
//                  `o-Grid-cell--bottom`
//                  `o-Grid-cell--center`
//                  `o-Grid-cell--autoSize`
//
// Markup:
//
// <!-- o-Grid -->
// <div class="o-Sidebar">
//   <div class="o-Sidebar-column">...</div>
//   <div class="o-Sidebar-content">...</div>
// </div>
//
// ========================================================================


// Variables
// ========================================================================

$grid-gutter: $g-spacer !default;
$grid-gutter-lg: $g-spacer-lg !default;
$grid-gutter-xl: $g-spacer-xl !default;


// ========================================================================
// Component: o-Grid
// ========================================================================

.o-Grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.o-Grid-cell {
  flex: 1 1 0%;

  // Adding this to support overflow auto
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.o-Grid--flexCells > .o-Grid-cell {
  display: flex;
}

.o-Grid--top {
  align-items: flex-start;
}

.o-Grid--bottom {
  align-items: flex-end;
}

.o-Grid--center {
  align-items: center;
}

.o-Grid--justifyCenter {
  justify-content: center;
}

.o-Grid--reverse {
  flex-direction: row-reverse;
}

.o-Grid-cell--top {
  align-self: flex-start;
}

.o-Grid-cell--bottom {
  align-self: flex-end;
}

.o-Grid-cell--center {
  align-self: center;
}

.o-Grid-cell--autoSize {
  flex: none;
}

.o-Grid--fit > .o-Grid-cell {
  flex: 1;
}

.o-Grid--full > .o-Grid-cell {
  flex: 0 0 100%;
}

.o-Grid--1of2 > .o-Grid-cell {
  flex: 0 0 50%;
}

.o-Grid--1of3 > .o-Grid-cell {
  flex: 0 0 33.3333%;
}

.o-Grid--1of4 > .o-Grid-cell {
  flex: 0 0 25%;
}

.o-Grid--1of5 > .o-Grid-cell {
  flex: 0 0 20%;
}

// Gutters
// ========================================================================

.o-Grid--gutters {
  margin-left: - ($grid-gutter / 2);
  margin-right: - ($grid-gutter / 2);

  > .o-Grid-cell {
    padding: $grid-gutter / 2;
  }
}

.o-Grid--guttersLg {
  margin: 0 - ($grid-gutter-lg / 2);

  > .o-Grid-cell {
    padding: $grid-gutter-lg / 2;
  }
}

.o-Grid--guttersXl {
  margin: 0 - ($grid-gutter-xl / 2);

  > .o-Grid-cell {
    padding: $grid-gutter-xl / 2;
  }
}
<commit_msg>Change last param of flex from 0% to 100% to fix iOS issue<commit_after>// Name:            Grid
// Description:     Defines styles for flexbox based grid layout.
//
// Component:       `o-Grid`
//
// Sub-objects:     `o-Grid-cell`
//
// Modifiers:       `o-Grid--flexCells`
//                  `o-Grid--full`
//                  `o-Grid--top`
//                  `o-Grid--bottom`
//                  `o-Grid--center`
//                  `o-Grid--justifyCenter`
//                  `o-Grid--reverse`
//                  `o-Grid--gutters`
//                  `o-Grid--guttersLg`
//                  `o-Grid--guttersXl`
//
//                  `o-Grid-cell--top`
//                  `o-Grid-cell--bottom`
//                  `o-Grid-cell--center`
//                  `o-Grid-cell--autoSize`
//
// Markup:
//
// <!-- o-Grid -->
// <div class="o-Sidebar">
//   <div class="o-Sidebar-column">...</div>
//   <div class="o-Sidebar-content">...</div>
// </div>
//
// ========================================================================


// Variables
// ========================================================================

$grid-gutter: $g-spacer !default;
$grid-gutter-lg: $g-spacer-lg !default;
$grid-gutter-xl: $g-spacer-xl !default;


// ========================================================================
// Component: o-Grid
// ========================================================================

.o-Grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.o-Grid-cell {
  flex: 1 1 100%;

  // Adding this to support overflow auto
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.o-Grid--flexCells > .o-Grid-cell {
  display: flex;
}

.o-Grid--top {
  align-items: flex-start;
}

.o-Grid--bottom {
  align-items: flex-end;
}

.o-Grid--center {
  align-items: center;
}

.o-Grid--justifyCenter {
  justify-content: center;
}

.o-Grid--reverse {
  flex-direction: row-reverse;
}

.o-Grid-cell--top {
  align-self: flex-start;
}

.o-Grid-cell--bottom {
  align-self: flex-end;
}

.o-Grid-cell--center {
  align-self: center;
}

.o-Grid-cell--autoSize {
  flex: none;
}

.o-Grid--fit > .o-Grid-cell {
  flex: 1;
}

.o-Grid--full > .o-Grid-cell {
  flex: 0 0 100%;
}

.o-Grid--1of2 > .o-Grid-cell {
  flex: 0 0 50%;
}

.o-Grid--1of3 > .o-Grid-cell {
  flex: 0 0 33.3333%;
}

.o-Grid--1of4 > .o-Grid-cell {
  flex: 0 0 25%;
}

.o-Grid--1of5 > .o-Grid-cell {
  flex: 0 0 20%;
}

// Gutters
// ========================================================================

.o-Grid--gutters {
  margin-left: - ($grid-gutter / 2);
  margin-right: - ($grid-gutter / 2);

  > .o-Grid-cell {
    padding: $grid-gutter / 2;
  }
}

.o-Grid--guttersLg {
  margin: 0 - ($grid-gutter-lg / 2);

  > .o-Grid-cell {
    padding: $grid-gutter-lg / 2;
  }
}

.o-Grid--guttersXl {
  margin: 0 - ($grid-gutter-xl / 2);

  > .o-Grid-cell {
    padding: $grid-gutter-xl / 2;
  }
}

{'fraction_non_alphanumeric': 0.3137458831686601, 'fraction_numerical': 0.020107470965505286, 'mean_word_length': 1.9304215337734891, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 37, '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': '1919189', 'n_tokens_mistral': 2293, 'n_tokens_neox': 2090, 'n_words': 360}