<commit_before>/* Grid system using flexbox inspired from Bootstrap. */
/* This is meant to be used along with https://github.com/Munawwar/flex-helper */

/* 12-column Grid layout classes */
[class*=" f-col-"], [class^="f-col-"] {
  min-height: 1px;
}

.generate-columns(@prefix, @grid-count: 12, @i: 1) when (@i =< @grid-count) {
  .f-col@{prefix}-@{i} {
    width: (@i * 100% / @grid-count);
  }
  .generate-columns(@prefix, @grid-count, (@i + 1));
}

/* Classes to reorder items in mobile  */
.generate-columns-orders(@prefix, @grid-count: 12, @i: 1) when (@i =< @grid-count) {
  .f-order@{prefix}-@{i} {
    order: @i;
  }
  .generate-columns-orders(@prefix, @grid-count, (@i + 1));
}

// For Mobile 
.generate-columns(~''); //Empty string
.generate-columns(-xs);
.generate-columns-orders(~'');
.generate-columns-orders(-xs);

// For Tablets
@media (min-width: 768px) {
  .generate-columns(-sm);
  .generate-columns-orders(-sm);
}

// For Desktop
@media (min-width: 992px) {
  .generate-columns(-md);
  .generate-columns-orders(-md);
}<commit_msg>Added col-auto and hidden CSS classes.<commit_after>/* Grid system using flexbox inspired from Bootstrap. */
/* This is meant to be used along with https://github.com/Munawwar/flex-helper */

/* 12-column Grid layout classes */
[class*=" f-col-"], [class^="f-col-"] {
  min-height: 1px;
}

.generate-columns(@prefix, @grid-count: 12, @i: 1) when (@i =< @grid-count) {
  .f-col@{prefix}-@{i} {
    width: (@i * 100% / @grid-count);
  }
  .generate-columns(@prefix, @grid-count, (@i + 1));
}

/* Classes to reorder items in mobile  */
.generate-columns-orders(@prefix, @grid-count: 12, @i: 1) when (@i =< @grid-count) {
  .f-order@{prefix}-@{i} {
    order: @i;
  }
  .generate-columns-orders(@prefix, @grid-count, (@i + 1));
}

// For Mobile 
.generate-columns(~''); //Empty string
.generate-columns(-xs);
.generate-columns-orders(~'');
.generate-columns-orders(-xs);
.f-col-auto, .f-col-xs-auto {
  width: auto;
}
.f-hidden-xs-up {
  display: none;
}

// For Tablets
@media (min-width: 768px) {
  .generate-columns(-sm);
  .generate-columns-orders(-sm);
  .f-col-sm-auto {
    width: auto;
  }
  .f-hidden-sm-up {
    display: none;
  }
}

// For Desktop
@media (min-width: 992px) {
  .generate-columns(-md);
  .generate-columns-orders(-md);
  .f-col-md-auto {
    width: auto;
  }
  .f-hidden-md-up {
    display: none;
  }
}
{'fraction_non_alphanumeric': 0.22044594026083297, 'fraction_numerical': 0.016827934371055953, 'mean_word_length': 3.1719298245614036, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '1000679', 'n_tokens_mistral': 949, 'n_tokens_neox': 903, 'n_words': 196}