<commit_before>@import "compass/css3/box-sizing";
@import "compass/css3/transform";
@import "compass/css3/transition";

$layout-debug:            $debug  !default;
$layout-footer-height:    100px   !default;
$layout-container-width:  800px   !default;
$layout-breakpoint:       960px   !default;

// TODO: Rework the class names to have layout-desktop, layout-mobile &
// layout-mobile-open.

// LAYOUT (MOBILE)

@media (max-width: $layout-breakpoint) {

  .layout {
    height: 100%;
  }

  .layout--mobile-tray {
    display: none;
  }

  .layout--content {
    min-height: 100%;
  }

  .layout--mobile-header {

  }

  .layout--switch {

  }

  .layout--desktop-header {
    display: none;
  }

  .layout--main {

  }

  .layout--desktop-footer {
    display: none;
  }

}

// LAYOUT-OPEN (MOBILE)

@media (max-width: $layout-breakpoint) {

  .layout-open .layout--mobile-tray {
    display: block;
    min-height: 100%;
  }

  .layout-open .layout--content {
    height: 100%;
    left: 80%;
    position: fixed;
    top: 0;
    width: 100%;
  }

}

// LAYOUT (DESKTOP)

@media (min-width: $layout-breakpoint) {

  .layout {
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .layout--content {
    margin-bottom: $layout-footer-height;
  }

  .layout--mobile-tray {
    display: none;
  }

  .layout--mobile-header {
    display: none;
  }

  .layout--mobile-footer {
    display: none;
  }

  .layout--desktop-footer {
    bottom: 0;
    height: $layout-footer-height;
    left: 0;
    position: absolute;
    width: 100%;
  }

  .layout--container {
    margin: 0 auto;
    width: $layout-container-width;
  }

}

@if $layout-debug {

  .layout {
    background: rgb(191, 191, 191);
  }

  .layout--mobile-tray {
    background: rgb(255, 127, 127);
  }

  .layout--content {
    background: rgb(127, 255, 127);
  }

  .layout--mobile-header {
    background: rgb(127, 127, 255);
  }

  .layout--desktop-header {
    background: rgb(127, 127, 255);
  }

  .layout--main {
    background: rgb(0, 191, 0);
  }<commit_msg>Change "width" to "max-width" in the layout container.<commit_after>@import "compass/css3/box-sizing";
@import "compass/css3/transform";
@import "compass/css3/transition";

$layout-debug:            $debug  !default;
$layout-footer-height:    100px   !default;
$layout-container-width:  800px   !default;
$layout-breakpoint:       960px   !default;

// TODO: Rework the class names to have layout-desktop, layout-mobile &
// layout-mobile-open.

// LAYOUT (MOBILE)

@media (max-width: $layout-breakpoint) {

  .layout {
    height: 100%;
  }

  .layout--mobile-tray {
    display: none;
  }

  .layout--content {
    min-height: 100%;
  }

  .layout--mobile-header {

  }

  .layout--switch {

  }

  .layout--desktop-header {
    display: none;
  }

  .layout--main {

  }

  .layout--desktop-footer {
    display: none;
  }

}

// LAYOUT-OPEN (MOBILE)

@media (max-width: $layout-breakpoint) {

  .layout-open .layout--mobile-tray {
    display: block;
    min-height: 100%;
  }

  .layout-open .layout--content {
    height: 100%;
    left: 80%;
    position: fixed;
    top: 0;
    width: 100%;
  }

}

// LAYOUT (DESKTOP)

@media (min-width: $layout-breakpoint) {

  .layout {
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .layout--content {
    margin-bottom: $layout-footer-height;
  }

  .layout--mobile-tray {
    display: none;
  }

  .layout--mobile-header {
    display: none;
  }

  .layout--mobile-footer {
    display: none;
  }

  .layout--desktop-footer {
    bottom: 0;
    height: $layout-footer-height;
    left: 0;
    position: absolute;
    width: 100%;
  }

  .layout--container {
    max-width: $layout-container-width;
    margin: 0 auto;
  }

}

@if $layout-debug {

  .layout {
    background: rgb(191, 191, 191);
  }

  .layout--mobile-tray {
    background: rgb(255, 127, 127);
  }

  .layout--content {
    background: rgb(127, 255, 127);
  }

  .layout--mobile-header {
    background: rgb(127, 127, 255);
  }

  .layout--desktop-header {
    background: rgb(127, 127, 255);
  }

  .layout--main {
    background: rgb(0, 191, 0);
  }
{'fraction_non_alphanumeric': 0.16423619411905332, 'fraction_numerical': 0.0449438202247191, 'mean_word_length': 2.3022888713496448, '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': '3232391', 'n_tokens_mistral': 1762, 'n_tokens_neox': 1522, 'n_words': 309}