<commit_before>/* ==========================================================================
   Single Post
   ========================================================================== */

.wrap article aside {
 display: none;
}

.wrap.featured {
 .blog-content {
   width: 100%;
 }

 .blog-sidebar {
   display: none;
 }

 article {
   max-width: 700px;
   margin: 0 auto;
   font-size: 1.15em;
 }

 .post-title {
   margin-top: 480px;

   @media (max-width: 900px) {
     margin-top: 280px;
   }

   @media (max-width: 500px) {
     margin-top: 140px;
   }
 }

 aside {
   display: block;
   float: right;
   width: 300px;
   color: #111;
   border-top: 3px solid #55acee;
   margin-top: 5px;
   margin-right: -150px;
   margin-left: 30px;
   margin-bototm: 1.6em;
   background: #e2edf2;
   border-radius: 3px;
   padding: 20px 30px 25px;
   font-size: 15px;
   line-height: 1.8em;

   @media (max-width: 1020px) {
     display: none;
   }
 }

 .post-content .full-img {
   width: calc(100% + 120px);
   max-width: none;
   margin-left: -60px;
   margin-right: -60px;

   @include breakpoint(1100px) {
     width: calc(100% + 30px);
     margin-left: -15px;
     margin-right: -15px;
   }
 }
}

/* Hero */

.hero {
 position: absolute;
 top: -50px;
 right: -60px;
 left: -60px;
 overflow: hidden;

 @media (max-width: 850px) {
   top: -40px;
   right: -11%;
   left: -11%;
 }
}

.hero-image {
 height: 500px;
 background: #eee no-repeat center center;
 background-size: cover;
}

@media (max-width: 900px) {
 .hero-image {
   height: 300px;
 }
}

@media (max-width: 500px) {
 .hero-image {
   height: 200px;
 }
}

.post-template {
  .post {
    margin-bottom: 0;
    border-bottom: none;
  }

  .fb-like {
    margin-right: 30px;
  }
}

.post-content {
  margin-bottom: 3.2em;

  img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 2.2em auto;

    @include breakpoint(500px) {
      margin: 1.6em auto;
    }
  }

  .full-img {
    width: calc(100% + 60px);
    max-width: none;
    margin-left: -60px;

    @include breakpoint(400px) {
      width: 100%;
      width: calc(100% + 30px);
      margin-right: -15px;
      margin-left: -15px;
    }

    @include breakpoint(650px) {
      width: 122%;
      margin-right: -11%;
      margin-left: -11%;
    }

    @include breakpoint(850px) {
      width: 130%;
      margin-right: -15%;
      margin-left: -15%;
    }
<commit_msg>Add style for image caption<commit_after>/* ==========================================================================
   Single Post
   ========================================================================== */

.wrap article aside {
 display: none;
}

.wrap.featured {
 .blog-content {
   width: 100%;
 }

 .blog-sidebar {
   display: none;
 }

 article {
   max-width: 700px;
   margin: 0 auto;
   font-size: 1.15em;
 }

 .post-title {
   margin-top: 480px;

   @media (max-width: 900px) {
     margin-top: 280px;
   }

   @media (max-width: 500px) {
     margin-top: 140px;
   }
 }

 aside {
   display: block;
   float: right;
   width: 300px;
   color: #111;
   border-top: 3px solid #55acee;
   margin-top: 5px;
   margin-right: -150px;
   margin-left: 30px;
   margin-bototm: 1.6em;
   background: #e2edf2;
   border-radius: 3px;
   padding: 20px 30px 25px;
   font-size: 15px;
   line-height: 1.8em;

   @media (max-width: 1020px) {
     display: none;
   }
 }

 .post-content .full-img {
   width: calc(100% + 120px);
   max-width: none;
   margin-left: -60px;
   margin-right: -60px;

   @include breakpoint(1100px) {
     width: calc(100% + 30px);
     margin-left: -15px;
     margin-right: -15px;
   }
 }
}

/* Hero */

.hero {
 position: absolute;
 top: -50px;
 right: -60px;
 left: -60px;
 overflow: hidden;

 @media (max-width: 850px) {
   top: -40px;
   right: -11%;
   left: -11%;
 }
}

.hero-image {
 height: 500px;
 background: #eee no-repeat center center;
 background-size: cover;
}

@media (max-width: 900px) {
 .hero-image {
   height: 300px;
 }
}

@media (max-width: 500px) {
 .hero-image {
   height: 200px;
 }
}

.post-template {
  .post {
    margin-bottom: 0;
    border-bottom: none;
  }

  .fb-like {
    margin-right: 30px;
  }
}

.post-content {
  margin-bottom: 3.2em;

  img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 1.5em auto;

    + em {
      display: block;
      text-align: center;
      font-size: 12px;
    }

    @include breakpoint(500px) {
      margin: 1.6em auto;
    }
  }

  .full-img {
    width: calc(100% + 60px);
    max-width: none;
    margin-left: -60px;

    @include breakpoint(400px) {
      width: 100%;
      width: calc(100% + 30px);
      margin-right: -15px;
      margin-left: -15px;
    }

    @include breakpoint(650px) {
      width: 122%;
      margin-right: -11%;
      margin-left: -11%;
    }

    @include breakpoint(850px) {
      width: 130%;
      margin-right: -15%;
      margin-left: -15%;
    }

{'fraction_non_alphanumeric': 0.20910384068278806, 'fraction_numerical': 0.06909164803901646, 'mean_word_length': 2.34375, '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': '7566595', 'n_tokens_mistral': 2154, 'n_tokens_neox': 1833, 'n_words': 409}