<commit_before>// Style overrides for component examples.

// Grid
// - - - - - - - - - - - - - - -

.row.display {
  background: #eee;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 2rem;
  border: solid 1px #c6c6c6;
  margin-left: 0 !important;
  margin-right: 0 !important;

  .columns {
    &:nth-child(2),
    &.small-centered,
    &.large-centered {
      background: darken(#eee, 5%);
    }

    &.color-end {
      background: darken(#eee, 10%)
    }
  }
}

.row.display-end {
  background: #fff;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 2rem;
  border: solid 1px #c6c6c6;
  margin-left: 0 !important;
  margin-right: 0 !important;

  .columns {
    background: darken(#eee, 5%);
    border-left: 1px solid #c6c6c6;

    &.color-end {
      background: darken(#eee, 10%)
    }
  }
}

// Flex Grid
// - - - - - - - - - - - - - - -

#docs-flex-grid {
  @include foundation-flex-grid;
  
  .row {
    background: #f9f9f9;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 2rem;
    border: solid 1px #c6c6c6;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5rem;
  }

  .column,
  .columns {
    float: none;
    width: auto;
    margin-right: -1px; // Not sure why this has to be here

    &:nth-child(odd) {
      background: #eee;
    }
    &:nth-child(even) {
      background: #ddd;
    }
  }
}

// Modal
// - - - - - - - - - - - - - - -

.docs-example-modal {
  display: block;
  position: static;
  width: 100%;
  max-width: none;
  margin-bottom: 1rem;
}

// Menu Icon
// - - - - - - - - - - - - - - -

.docs-example-burger {
  @include hamburger;
}
<commit_msg>Fix visual bugs with flex grid in docs<commit_after>// Style overrides for component examples.

// Grid
// - - - - - - - - - - - - - - -

.row.display {
  background: #eee;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 2rem;
  border: solid 1px #c6c6c6;
  margin-left: 0 !important;
  margin-right: 0 !important;

  .columns {
    &:nth-child(2),
    &.small-centered,
    &.large-centered {
      background: darken(#eee, 5%);
    }

    &.color-end {
      background: darken(#eee, 10%)
    }
  }
}

.row.display-end {
  background: #fff;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 2rem;
  border: solid 1px #c6c6c6;
  margin-left: 0 !important;
  margin-right: 0 !important;

  .columns {
    background: darken(#eee, 5%);
    border-left: 1px solid #c6c6c6;

    &.color-end {
      background: darken(#eee, 10%)
    }
  }
}

// Flex Grid
// - - - - - - - - - - - - - - -

#docs-flex-grid .docs-code-live {
  @include foundation-flex-grid;
  
  .row {
    background: #f9f9f9;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 2rem;
    border: solid 1px #c6c6c6;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5rem;
  }

  .column,
  .columns {
    float: none;
    width: auto;
    margin-right: -1px; // Not sure why this has to be here

    &:nth-child(odd) {
      background: #eee;
    }
    &:nth-child(even) {
      background: #ddd;
    }
  }
}

// Modal
// - - - - - - - - - - - - - - -

.docs-example-modal {
  display: block;
  position: static;
  width: 100%;
  max-width: none;
  margin-bottom: 1rem;
}

// Menu Icon
// - - - - - - - - - - - - - - -

.docs-example-burger {
  @include hamburger;
}

{'fraction_non_alphanumeric': 0.17986047922353654, 'fraction_numerical': 0.03275705186533212, 'mean_word_length': 1.8628472222222223, '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': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4488796', 'n_tokens_mistral': 1447, 'n_tokens_neox': 1341, 'n_words': 270}