<commit_before>@mixin float-fill($spacerW, $float)
  +box-sizing(border-box)
  float: $float
  width: 100%
  @if $float == right
    padding: 0 $spacerW 0 0
    margin: 0 (-$spacerW) 0 0
  @else
    padding: 0 0 0 $spacerW
    margin: 0 0 0 (-$spacerW)
<commit_msg>Add a 3-col float-fill mixin and example comments<commit_after>// Use for a 2-column layout that fills 100% width of the parent but has one column at a fixed width:
// .col-fixed
//   float: left
//   width: 100px
// .col-flex
//   +float-fill(100px, right)
@mixin float-fill($spacerW, $float)
  +box-sizing(border-box)
  float: $float
  width: 100%
  @if $float == right
    padding: 0 $spacerW 0 0
    margin: 0 (-$spacerW) 0 0
  @else
    padding: 0 0 0 $spacerW
    margin: 0 0 0 (-$spacerW)

// Use for a 3-column layout with the center being stretchable to a min-width:
// .col-1
//   float: left
//   width: 100px
// .col-2
//   +float-fill-3-col-center(100px, 200px, 100px)
// .col-3
//   float: right
//   width: 100px
@mixin float-fill-3-col-center($spacerLeft, $min-width:0px, $spacerRight:0)
  +box-sizing(border-box)
  float: left
  min-width: $min-width
  padding: 0 $spacerRight 0 $spacerLeft
  margin: 0 (-$spacerRight) 0 (-$spacerLeft)
{'fraction_non_alphanumeric': 0.14872637633525063, 'fraction_numerical': 0.05587510271158587, 'mean_word_length': 2.9038461538461537, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5388885', 'n_tokens_mistral': 530, 'n_tokens_neox': 470, 'n_words': 146}