<commit_before>/* ============================================================================
   @UTILITIES -> COLUMNS
   ========================================================================= */


/**
 * Easily create columns out of one element.
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/xFHfk#columns
 */


/**
 * Settings.
 */

// Apply at these breakpoints
$column-breakpoints:          $default-utility-breakpoints !default;

// Gutter sizes
$column-gap-base:             $spacing-base !default;

$column-gap-tiny:             $spacing-third !default;

$column-gap-small:            $spacing-half !default;

$column-gap-large:            $spacing-base-plus-half !default;

$column-gap-huge:             $spacing-double !default;

// Divider
$column-divider-thickness:    1 !default;

$column-divider-style:        solid !default;

$column-divider-colour:       $colour-text-base !default;


/**
 * Base.
 */

%u-columns,
.u-columns {
  column-count: 2;
  @include to-rem(column-gap, $column-gap-base);
}

@include generate-at-breakpoints('.u-columns',
  $column-breakpoints) {
  column-count: 2;
  @include to-rem(column-gap, $column-gap-base);
}


/**
 * Modifiers: number of columns.
 */

// Three
%u-columns--three,
.u-columns--three {column-count: 3;}

@include generate-at-breakpoints('.u-columns--three',
  $column-breakpoints) {
  column-count: 3;
}

// Four
%u-columns--four,
.u-columns--four {column-count: 4;}

@include generate-at-breakpoints('.u-columns--four',
  $column-breakpoints) {
  column-count: 4;
}

// Five
%u-columns--five,
.u-columns--five {column-count: 5;}

@include generate-at-breakpoints('.u-columns--five',
  $column-breakpoints) {
  column-count: 5;
}

// Six
%u-columns--six,
.u-columns--six {column-count: 6;}

@include generate-at-breakpoints('.u-columns--six',
  $column-breakpoints) {
  column-count: 6;
}


/**
 * Modifiers: gutter sizes.
 */

// Tiny
%u-columns--gutter-tiny,
.u-columns--gutter-tiny {@include to-rem(column-gap, $column-gap-tiny);}

@include generate-at-breakpoints('.u-columns--gutter-tiny',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-tiny);
}

// Small
%u-columns--gutter-small,
.u-columns--gutter-small {@include to-rem(column-gap, $column-gap-small);}

@include generate-at-breakpoints('.u-columns--gutter-small',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-small);
}

// Large
%u-columns--gutter-large,
.u-columns--gutter-large {@include to-rem(column-gap, $column-gap-large);}

@include generate-at-breakpoints('.u-columns--gutter-large',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-large);
}

// Huge
%u-columns--gutter-huge,
.u-columns--gutter-huge {@include to-rem(column-gap, $column-gap-huge);}

@include generate-at-breakpoints('.u-columns--gutter-huge',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-huge);
}


/**
 * Modifier: column divider.
 */

%u-columns--divider,
.u-columns--divider {@include to-rem(column-rule, $column-divider-thickness $column-divider-style $column-divider-colour);}

@include generate-at-breakpoints('.u-columns--divider',
  $column-breakpoints) {
  @include to-rem(column-rule, $column-divider-thickness $column-divider-style $column-divider-colour);
}<commit_msg>Wrap at 80 chars<commit_after>/* ============================================================================
   @UTILITIES -> COLUMNS
   ========================================================================= */


/**
 * Easily create columns out of one element.
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/xFHfk#columns
 */


/**
 * Settings.
 */

// Apply at these breakpoints
$column-breakpoints:          $default-utility-breakpoints !default;

// Gutter sizes
$column-gap-base:             $spacing-base !default;

$column-gap-tiny:             $spacing-third !default;

$column-gap-small:            $spacing-half !default;

$column-gap-large:            $spacing-base-plus-half !default;

$column-gap-huge:             $spacing-double !default;

// Divider
$column-divider-thickness:    1 !default;

$column-divider-style:        solid !default;

$column-divider-colour:       $colour-text-base !default;


/**
 * Base.
 */

%u-columns,
.u-columns {
  column-count: 2;
  @include to-rem(column-gap, $column-gap-base);
}

@include generate-at-breakpoints('.u-columns',
  $column-breakpoints) {
  column-count: 2;
  @include to-rem(column-gap, $column-gap-base);
}


/**
 * Modifiers: number of columns.
 */

// Three
%u-columns--three,
.u-columns--three {column-count: 3;}

@include generate-at-breakpoints('.u-columns--three',
  $column-breakpoints) {
  column-count: 3;
}

// Four
%u-columns--four,
.u-columns--four {column-count: 4;}

@include generate-at-breakpoints('.u-columns--four',
  $column-breakpoints) {
  column-count: 4;
}

// Five
%u-columns--five,
.u-columns--five {column-count: 5;}

@include generate-at-breakpoints('.u-columns--five',
  $column-breakpoints) {
  column-count: 5;
}

// Six
%u-columns--six,
.u-columns--six {column-count: 6;}

@include generate-at-breakpoints('.u-columns--six',
  $column-breakpoints) {
  column-count: 6;
}


/**
 * Modifiers: gutter sizes.
 */

// Tiny
%u-columns--gutter-tiny,
.u-columns--gutter-tiny {@include to-rem(column-gap, $column-gap-tiny);}

@include generate-at-breakpoints('.u-columns--gutter-tiny',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-tiny);
}

// Small
%u-columns--gutter-small,
.u-columns--gutter-small {@include to-rem(column-gap, $column-gap-small);}

@include generate-at-breakpoints('.u-columns--gutter-small',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-small);
}

// Large
%u-columns--gutter-large,
.u-columns--gutter-large {@include to-rem(column-gap, $column-gap-large);}

@include generate-at-breakpoints('.u-columns--gutter-large',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-large);
}

// Huge
%u-columns--gutter-huge,
.u-columns--gutter-huge {@include to-rem(column-gap, $column-gap-huge);}

@include generate-at-breakpoints('.u-columns--gutter-huge',
  $column-breakpoints) {
  @include to-rem(column-gap, $column-gap-huge);
}


/**
 * Modifier: column divider.
 */

%u-columns--divider,
.u-columns--divider {@include to-rem(column-rule, $column-divider-thickness
  $column-divider-style $column-divider-colour);}

@include generate-at-breakpoints('.u-columns--divider',
  $column-breakpoints) {
  @include to-rem(column-rule, $column-divider-thickness $column-divider-style
    $column-divider-colour);
}
{'fraction_non_alphanumeric': 0.22801402225270537, 'fraction_numerical': 0.003657978966620942, 'mean_word_length': 3.5632823365785815, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '4979776', 'n_tokens_mistral': 2433, 'n_tokens_neox': 2304, 'n_words': 355}