<commit_before>/**
 * layout.less
 * Major section layouts
 */

* {
  @include box-sizing(border-box);
}

// Basic containers
.content {
  width: $pageWidth;
  margin: auto;
}

// HAND CRAFTED GRID, MOTHER FUCKERS
// Now that is quality!
.row {
  @include clearfix();
  margin-left: -$gridGutter;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: $gridGutter;
}
.span1 { width: ($columnWidth * 1) + ($gridGutter * 0); }
.span2 { width: ($columnWidth * 2) + ($gridGutter * 1); }
.span3 { width: ($columnWidth * 3) + ($gridGutter * 2); }
.span4 { width: ($columnWidth * 4) + ($gridGutter * 3); }
.span5 { width: ($columnWidth * 5) + ($gridGutter * 4); }
.span6 { width: ($columnWidth * 6) + ($gridGutter * 5); }
.offset1 { margin-left: ($columnWidth * 1) + ($gridGutter * 2); }
.offset2 { margin-left: ($columnWidth * 2) + ($gridGutter * 3); }
.offset3 { margin-left: ($columnWidth * 3) + ($gridGutter * 4); }
.offset4 { margin-left: ($columnWidth * 4) + ($gridGutter * 5); }
.offset5 { margin-left: ($columnWidth * 5) + ($gridGutter * 6); }


// Header specifics
[role="header"] {
  .topNavigation {
    position: relative;
    text-align: left;
    height: 140px;
    overflow: hidden;

    a {
      display: inline-block;
      @include transition(color .3s linear);
      margin: 0 20px 0 0;
      vertical-align: middle;
      height: 140px;
      line-height: 140px;

      color: #666;
      text-decoration: none;

      &:nth-child(2):hover {
        color: #eb1c24;
      }
      &:nth-child(3):hover {
        color: #4494c7;
      }
      &:nth-child(4):hover {
        color: #625398;
      }
      &:nth-child(5):hover {
        color: #76c15a;
      }

      &.donate {
        float: right;
        color: white;
        margin: 42px 0 20px 42px;
        height: 52px;
        line-height: 30px;
      }
    }
  }
}

// Footer specifics
[role="footer"] {
  background: #392C3A;
  margin-top: $baseLineHeight * 2;
  padding: $baseLineHeight * 5 0;

  color: #F5EFEA;

  a {
    color: #FDEC18;
  }

  nav {
    list-style: none;
  }
}

// Hero
.hero {
  @include clearfix();
  background: image_url('background.jpg');
  background-size: cover;
  padding: 100px 0;
  color: white;

  // Super custom stuff, needs to be broken out.
  .strapline {
    text-shadow: 0px 0px 2px black;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    .strap1 {
      display: block;
      font-size: 130px;
      line-height: 1;
    }

    .strap2 {
      display: block;
      font-size: 22px;
      line-height: 1;
    }

    .strap3 {
      display: block;
      font-size: 166px;
      line-height: 1;
    }

    .strapAmp {<commit_msg>Fix the background image css for the main hero.<commit_after>/**
 * layout.less
 * Major section layouts
 */

* {
  @include box-sizing(border-box);
}

// Basic containers
.content {
  width: $pageWidth;
  margin: auto;
}

// HAND CRAFTED GRID, MOTHER FUCKERS
// Now that is quality!
.row {
  @include clearfix();
  margin-left: -$gridGutter;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: $gridGutter;
}
.span1 { width: ($columnWidth * 1) + ($gridGutter * 0); }
.span2 { width: ($columnWidth * 2) + ($gridGutter * 1); }
.span3 { width: ($columnWidth * 3) + ($gridGutter * 2); }
.span4 { width: ($columnWidth * 4) + ($gridGutter * 3); }
.span5 { width: ($columnWidth * 5) + ($gridGutter * 4); }
.span6 { width: ($columnWidth * 6) + ($gridGutter * 5); }
.offset1 { margin-left: ($columnWidth * 1) + ($gridGutter * 2); }
.offset2 { margin-left: ($columnWidth * 2) + ($gridGutter * 3); }
.offset3 { margin-left: ($columnWidth * 3) + ($gridGutter * 4); }
.offset4 { margin-left: ($columnWidth * 4) + ($gridGutter * 5); }
.offset5 { margin-left: ($columnWidth * 5) + ($gridGutter * 6); }


// Header specifics
[role="header"] {
  .topNavigation {
    position: relative;
    text-align: left;
    height: 140px;
    overflow: hidden;

    a {
      display: inline-block;
      @include transition(color .3s linear);
      margin: 0 20px 0 0;
      vertical-align: middle;
      height: 140px;
      line-height: 140px;

      color: #666;
      text-decoration: none;

      &:nth-child(2):hover {
        color: #eb1c24;
      }
      &:nth-child(3):hover {
        color: #4494c7;
      }
      &:nth-child(4):hover {
        color: #625398;
      }
      &:nth-child(5):hover {
        color: #76c15a;
      }

      &.donate {
        float: right;
        color: white;
        margin: 42px 0 20px 42px;
        height: 52px;
        line-height: 30px;
      }
    }
  }
}

// Footer specifics
[role="footer"] {
  background: #392C3A;
  margin-top: $baseLineHeight * 2;
  padding: $baseLineHeight * 5 0;

  color: #F5EFEA;

  a {
    color: #FDEC18;
  }

  nav {
    list-style: none;
  }
}

// Hero
.hero {
  @include clearfix();
  background-image: url("/static/img/background.jpg");
  background-size: cover;
  padding: 100px 0;
  color: white;

  // Super custom stuff, needs to be broken out.
  .strapline {
    text-shadow: 0px 0px 2px black;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    .strap1 {
      display: block;
      font-size: 130px;
      line-height: 1;
    }

    .strap2 {
      display: block;
      font-size: 22px;
      line-height: 1;
    }

    .strap3 {
      display: block;
      font-size: 166px;
      line-height: 1;
    }

    .strapAmp {
{'fraction_non_alphanumeric': 0.16297526762643041, 'fraction_numerical': 0.042820228866740494, 'mean_word_length': 2.3616625310173696, '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': '5182592', 'n_tokens_mistral': 2181, 'n_tokens_neox': 1976, 'n_words': 480}