<commit_before>
/* =========================================================================
 * Svelto - Widgets - Sections
 * =========================================================================
 * Copyright (c) 2015-2016 <NAME>
 * Licensed under MIT (https://github.com/svelto/svelto/blob/master/LICENSE)
 * ========================================================================= */

//TODO: Add support for vertical sections

/* SECTIONS */

.sections {

  @include last-child-no-gutter ();
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: $gutter;

  /* SEGMENTS */

  > * {
    margin-bottom: 0 !important;
  }

  /* CENTER */

  // Centering the center segment, if the left one xor the right one is missing
  // An obvious `left + center + right` or `right + center + left` (RTL languages) order is assumed

  > .section-center:first-child,
  > .section-center:last-child {
    @include center-absolute-transform ();
  }

}

/* SEGMENTS */

.section-left,
.section-center,
.section-right {
  @include last-child-no-gutter ();
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-items: center;
  margin-bottom: $gutter;
}

/* LEFT */

.section-left {
  justify-content: flex-start;
}

/* CENTER */

.section-center {

  justify-content: center;

  &:not(:only-child).forced {
    @include center-absolute-transform ();
  }
<commit_msg>Updated sections, added center-* classes<commit_after>
/* =========================================================================
 * Svelto - Widgets - Sections
 * =========================================================================
 * Copyright (c) 2015-2016 <NAME>
 * Licensed under MIT (https://github.com/svelto/svelto/blob/master/LICENSE)
 * =========================================================================
 * @require core/widget/widget.scss
 * ========================================================================= */

//TODO: Add support for vertical sections

/* SECTIONS */

.sections {

  @extend %widget;
  display: flex;
  flex-wrap: nowrap;

  /* SEGMENTS */

  > * {
    margin-bottom: 0 !important;
  }

  /* SECTION CENTER */

  // Centering the center segment, if the left one xor the right one is missing
  // An obvious `left + center + right` or `right + center + left` (RTL languages) order is assumed

  > .section-center:not(:only-child) {

    &:first-child,
    &:last-child,
    &.forced {
      @include center-absolute-transform ();
    }

  }

  /* CENTER */

  //TODO: Maybe join them with multiple's and make a decorator for them

  &.center-x,
  &.center {
    justify-content: center;
  }

  &.center-y,
  &.center {
    align-items: center;
  }

}

/* SEGMENTS */

.section-left,
.section-center,
.section-right {
  @extend %widget;
  display: flex;
  flex: 1 1 auto;  // IE-10/11 sets flex-shrink to 0
}

/* LEFT */

.section-left {
  justify-content: flex-start;
}

/* CENTER */

.section-center {
  justify-content: center;
{'fraction_non_alphanumeric': 0.2981220657276995, 'fraction_numerical': 0.009054325955734407, 'mean_word_length': 3.478978978978979, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 10, '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': '2472623', 'n_tokens_mistral': 957, 'n_tokens_neox': 877, 'n_words': 214}