<commit_before>@import "a4wcolors";

// dark grey
.highlight-primary {
  background-color: $colorSecond;
  color: #ffffff;
  a {
    color: #ffffff;
    &:hover {
      color: #ffffff;
    }
  }
}

// light grey
.highlight-secondary {
  background-color: $colorFourth;
  color: $colorFourth;
}

// blue
.highlight-tertiary {
  color: #ffffff;
  background: $colorThird url(img/zigzag.png) 0 0 repeat;
}

.highlight-quaternary {
  color: $anotherShadeOfGrey;
  background-color: $colorFourth; 
}

.btn {
  background: $colorFirst url(img/zigzag.png) 0 0 repeat;
}


.over {
  position: relative;
  max-height: 25em;
  text-align: center;
  overflow: hidden;
  &:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-color: rgba(0,0,0,0.1);
    background-image: url(img/zigzag.png);
    background-position: 0 0;
    background-repeat: repeat;
    z-index: 0;
  }
  &:first-child {
    .article-title {
      margin-bottom: 0.5em;
    }
  }
  img {
    position: absolute;
    left: 0;
    top: -150%;
  }
  .link-comments {
    text-align: left;
    @media (min-width: 48em) {
      right: 4em;
    }
  }
}

.over-text {
  text-align: left;
  @media (min-width: 48em) {
    left: 7em;
    right: 11em;
  }
  @media (min-width: 85em) {
    right: 36em;
  }
}

.over-poll {
  background-color: $colorFirst; 
}

.poll {
  @media (min-width: 48em) {
    padding-left: 7em;
    padding-right: 20em;
  }
  @media (min-width: 85em) {
    padding-right: 50em;
  }
}

.article-teaser-thumb {
  float: left;
  width: 20%;
  img {
    width: 100%;
  }
}

.article-teaser-text {
  float: right;
  width: 75%;
}

.nav-social {<commit_msg>Add large screen spacing for article, comments<commit_after>@import "a4wcolors";

// dark grey
.highlight-primary {
  background-color: $colorSecond;
  color: #ffffff;
  a {
    color: #ffffff;
    &:hover {
      color: #ffffff;
    }
  }
}

// light grey
.highlight-secondary {
  background-color: $colorFourth;
  color: $colorFourth;
}

// blue
.highlight-tertiary {
  color: #ffffff;
  background: $colorThird url(img/zigzag.png) 0 0 repeat;
}

.highlight-quaternary {
  color: $anotherShadeOfGrey;
  background-color: $colorFourth; 
}

.btn {
  background: $colorFirst url(img/zigzag.png) 0 0 repeat;
}


.over {
  position: relative;
  max-height: 25em;
  text-align: center;
  overflow: hidden;
  &:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-color: rgba(0,0,0,0.1);
    background-image: url(img/zigzag.png);
    background-position: 0 0;
    background-repeat: repeat;
    z-index: 0;
  }
  &:first-child {
    .article-title {
      margin-bottom: 0.5em;
    }
  }
  img {
    position: absolute;
    left: 0;
    top: -150%;
  }
  .link-comments {
    text-align: left;
    @media (min-width: 48em) {
      right: 4em;
    }
  }
}

.over-text {
  text-align: left;
  @media (min-width: 48em) {
    left: 7em;
    right: 11em;
  }
  @media (min-width: 85em) {
    right: 36em;
  }
}

.over-poll {
  background-color: $colorFirst; 
}

.poll,
article {
  @media (min-width: 48em) {
    padding-left: 7em;
    padding-right: 20em;
  }
  @media (min-width: 85em) {
    padding-right: 50em;
  }
}

.comments {
  @media (min-width: 48em) {
    margin-left: 7em;
    margin-right: 20em;
  }
  @media (min-width: 85em) {
    margin-right: 50em;
  }
}


    margin: 0 20em 0 7em;

.article-teaser-thumb {
  float: left;
  width: 20%;
  img {
    width: 100%;
  }
}

.article-teaser-text {
  float: right;
  width: 75%;
}

.nav-social {
{'fraction_non_alphanumeric': 0.15481057508857998, 'fraction_numerical': 0.032706459525756335, 'mean_word_length': 2.505253104106972, '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': '901352', 'n_tokens_mistral': 1593, 'n_tokens_neox': 1443, 'n_words': 309}