<commit_before>/*
    GRID.less -> grid system, row, span, div
    VARIABLES:

    @columns
    @responsive
    @column-padding-vertical
    @column-padding-horizontal
    @column-margin-vertical
    @column-margin-horizontal
    @threshold-big
    @threshold-medium
    @threshold-small
    @container-big
    @container-medium
    @container-small
*/

@import "variables";

// Clearfix
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
//
// For modern browsers
// 1. The space content is one way to avoid an Opera bug when the
//    contenteditable attribute is included anywhere else in the document.
//    Otherwise it causes space to appear at the top and bottom of elements
//    that are clearfixed.
// 2. The use of `table` rather than `block` is only necessary if using
//    `:before` to contain the top-margins of child elements.
.clearfix {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

/* !!!! MOST IMPORTANT !!!! */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.side-bar {
  margin-bottom: -50000px;
  padding-bottom: 50000px;
  position: fixed;
}

/* CONTAINERS */
.container-fixed() {
  margin-right: auto;
  margin-left: auto;
  &:extend(.clearfix all);
}

.container {
  .container-fixed();
  overflow: hidden;
}

/*FULL WIDTH CONTAINER*/
.container-fluid {
  .container-fixed();
  width: 100%;
}

/* ROW */
.row {
  width: 100%;
  &:extend(.clearfix all);
}


/* SPANS */
.span {
  .display-block;
  .relative;
  padding: @column-padding-vertical @column-padding-horizontal;
  margin: @column-margin-vertical @column-margin-horizontal;
  min-height: 1px;
  //    border: 1px solid red;
}

.span-none-pading {
  .display-block;
  .relative;
  margin: @column-margin-vertical @column-margin-horizontal;
  min-height: 1px;
}

// NON RESPONSIVE LAYOUT
.grid-generate-columns-nonresponsive(@number-of-columns) when (@responsive = false) {
  .grid-generate-columns(@number-of-columns; @size: @number-of-columns) when (@size > 0) {
    .grid-generate-columns(@number-of-columns; @size - 1);

    .span-@{size} {
      .span;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }
    .span-none-pading-@{size} {
      .span-none-pading;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }
  }

  .grid-generate-offset(@number-of-columns; @size: @number-of-columns) when (@size > 0) {
    .grid-generate-offset(@number-of-columns; @size - 1);

    .offset-@{size} {
      margin-left: (100% / @number-of-columns) * @size;
    }
  }

  .container {
    width: @container-big;
  }

  .grid-generate-columns(@number-of-columns);
  .grid-generate-offset(@number-of-columns);
}

// RESPONSIVE layout
.grid-generate-columns-responsive(@number-of-columns) when (@responsive = true) {
  .grid-generate-columns(@number-of-columns; @size: @number-of-columns) when (@size > 0) {
    .grid-generate-columns(@number-of-columns; @size - 1);

    // small span keep everywhere, dont use media query
    .span-mini-@{size} {
      .span;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }
    .span-none-pading-mini-@{size} {
      .span-none-pading;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }

    .span-small-@{size} {
      .span;<commit_msg>nonresponzive bowtie css FIX container - max-width<commit_after>/*
    GRID.less -> grid system, row, span, div
    VARIABLES:

    @columns
    @responsive
    @column-padding-vertical
    @column-padding-horizontal
    @column-margin-vertical
    @column-margin-horizontal
    @threshold-big
    @threshold-medium
    @threshold-small
    @container-big
    @container-medium
    @container-small
*/

@import "variables";

// Clearfix
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
//
// For modern browsers
// 1. The space content is one way to avoid an Opera bug when the
//    contenteditable attribute is included anywhere else in the document.
//    Otherwise it causes space to appear at the top and bottom of elements
//    that are clearfixed.
// 2. The use of `table` rather than `block` is only necessary if using
//    `:before` to contain the top-margins of child elements.
.clearfix {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

/* !!!! MOST IMPORTANT !!!! */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.side-bar {
  margin-bottom: -50000px;
  padding-bottom: 50000px;
  position: fixed;
}

/* CONTAINERS */
.container-fixed() {
  margin-right: auto;
  margin-left: auto;
  &:extend(.clearfix all);
}

.container {
  .container-fixed();
  overflow: hidden;
}

/*FULL WIDTH CONTAINER*/
.container-fluid {
  .container-fixed();
  width: 100%;
}

/* ROW */
.row {
  width: 100%;
  &:extend(.clearfix all);
}


/* SPANS */
.span {
  .display-block;
  .relative;
  padding: @column-padding-vertical @column-padding-horizontal;
  margin: @column-margin-vertical @column-margin-horizontal;
  min-height: 1px;
  //    border: 1px solid red;
}

.span-none-pading {
  .display-block;
  .relative;
  margin: @column-margin-vertical @column-margin-horizontal;
  min-height: 1px;
}

// NON RESPONSIVE LAYOUT
.grid-generate-columns-nonresponsive(@number-of-columns) when (@responsive = false) {
  .grid-generate-columns(@number-of-columns; @size: @number-of-columns) when (@size > 0) {
    .grid-generate-columns(@number-of-columns; @size - 1);

    .span-@{size} {
      .span;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }
    .span-none-pading-@{size} {
      .span-none-pading;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }
  }

  .grid-generate-offset(@number-of-columns; @size: @number-of-columns) when (@size > 0) {
    .grid-generate-offset(@number-of-columns; @size - 1);

    .offset-@{size} {
      margin-left: (100% / @number-of-columns) * @size;
    }
  }

  .container {
    max-width: @container-big;
  }

  .grid-generate-columns(@number-of-columns);
  .grid-generate-offset(@number-of-columns);
}

// RESPONSIVE layout
.grid-generate-columns-responsive(@number-of-columns) when (@responsive = true) {
  .grid-generate-columns(@number-of-columns; @size: @number-of-columns) when (@size > 0) {
    .grid-generate-columns(@number-of-columns; @size - 1);

    // small span keep everywhere, dont use media query
    .span-mini-@{size} {
      .span;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }
    .span-none-pading-mini-@{size} {
      .span-none-pading;
      .pull-left;
      width: (100% / @number-of-columns) * @size;
    }

    .span-small-@{size} {
      .span;
{'fraction_non_alphanumeric': 0.16644513365824842, 'fraction_numerical': 0.012996603160537587, 'mean_word_length': 2.6844396082698587, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '4523433', 'n_tokens_mistral': 2496, 'n_tokens_neox': 2357, 'n_words': 506}