<commit_before>@import "compass/css3";

/* blog styles */

body.blog {

    background-color: $background-white;

    .top-navbar{
      background-color: $background-yellow;
      h3{
        font-size: $font-size*1.1;
        margin-left:10px;
        float: left;
      }
    }

    .a-unstyled{
      color: $primary-color;
    }

    .top-navbar .navbar-always > a, .top-navbar .navbar-always > a i.icon, .top-navbar .navbar-always > button{
      color: $primary-color;
      background-color: transparent;
    }
    .top-navbar .navbar-always > button img {
      border-color: lighten($primary-color, 50%);
    }

    .top-navbar .navbar-always > a i.icon{
      background-color: $primary-color;
    }

    img.header-default{
      object-fit: cover;
      width: 100%;
    }

   .social{
      text-align: center;
      vertical-align: middle;
      margin-left: 35px;
    }

    /* Icons social */

    .social [class*="fa fa-"] {
      background-color: $primary-color;
      border-radius: 40px;
      color: $color-white;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      margin: auto 10px;
      width: 40px;
      font-size: 22px;
      text-align: center;
    }
    .social [class*="fa fa-"]:hover{
      background-color: $background-light-green;
      color: $color-white;
      text-align: center;
    }

    /* Sticky menu */
    
     div.sticky-menu{
      padding-top: 10px;
      background-color: $background-main-home;
      .social{
        margin-left: 0px;
      }
    }

    div.section.post-header{
      position: relative;
      padding-bottom: 30px;
      //background-color: $background-light-yellow;
      min-height: 450px;

      div.info{
        position: absolute;
        width: 100%;
        bottom: 0;
        background-color: transparent;
        .container{
          background-color: $background-white;
          h1{
            font-size: $font-size*2.67;
            text-align: center;
            padding: 20px 15%;
            font-weight: bold;
          }
          div.subtitle{
            text-align: center;
            font-size: $font-size*1.33;
            font-weight: lighter;
            padding: 0 10%;
          }
          ul.info-extra{
            margin: 20px 10% 0 10%;
            border-bottom: 2px dotted $primary-color;
            padding-bottom: 5px;
            li{
              vertical-align: middle;
              .author{
                display: block;
                font-size: $font-size*1.1;
              }
              .date{
                display: block;
                font-size: 12px;
                color: $color-date-grey;
              }
            }
          }
        }
      }
    }

    div.section.post-content{
      div.text{
        font-size: 16px;
        padding: 40px 80px 30px 80px;
        img.main-image{
          margin: 10px auto;
        }
        img{
          max-width: 100%;
        }
      }
    }

    div.section.related-posts{
      padding: 20px 0;
      .img-link{
          display: flex;
          height: 200px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
        img{
          width: 100%;
          object-fit: cover;
        }
      }
      .content{
        color: $primary-color;
        background-color: rgba(255,236,97,0.7);
        padding: 5%;
        height: 180px;
        div.title{
          color: $primary-color;
          font-size: $font-size*1.46;<commit_msg>Fix related.<commit_after>@import "compass/css3";

/* blog styles */

body.blog {

    background-color: $background-white;

    .top-navbar{
      background-color: $background-yellow;
      h3{
        font-size: $font-size*1.1;
        margin-left:10px;
        float: left;
      }
    }

    .a-unstyled{
      color: $primary-color;
    }

    .top-navbar .navbar-always > a, .top-navbar .navbar-always > a i.icon, .top-navbar .navbar-always > button{
      color: $primary-color;
      background-color: transparent;
    }
    .top-navbar .navbar-always > button img {
      border-color: lighten($primary-color, 50%);
    }

    .top-navbar .navbar-always > a i.icon{
      background-color: $primary-color;
    }

    img.header-default{
      object-fit: cover;
      width: 100%;
    }

   .social{
      text-align: center;
      vertical-align: middle;
      margin-left: 35px;
    }

    /* Icons social */

    .social [class*="fa fa-"] {
      background-color: $primary-color;
      border-radius: 40px;
      color: $color-white;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      margin: auto 10px;
      width: 40px;
      font-size: 22px;
      text-align: center;
    }
    .social [class*="fa fa-"]:hover{
      background-color: $background-light-green;
      color: $color-white;
      text-align: center;
    }

    /* Sticky menu */
    
     div.sticky-menu{
      padding-top: 10px;
      background-color: $background-main-home;
      .social{
        margin-left: 0px;
      }
    }

    div.section.post-header{
      position: relative;
      padding-bottom: 30px;
      //background-color: $background-light-yellow;
      min-height: 450px;

      div.info{
        position: absolute;
        width: 100%;
        bottom: 0;
        background-color: transparent;
        .container{
          background-color: $background-white;
          h1{
            font-size: $font-size*2.67;
            text-align: center;
            padding: 20px 15%;
            font-weight: bold;
          }
          div.subtitle{
            text-align: center;
            font-size: $font-size*1.33;
            font-weight: lighter;
            padding: 0 10%;
          }
          ul.info-extra{
            margin: 20px 10% 0 10%;
            border-bottom: 2px dotted $primary-color;
            padding-bottom: 5px;
            li{
              vertical-align: middle;
              .author{
                display: block;
                font-size: $font-size*1.1;
              }
              .date{
                display: block;
                font-size: 12px;
                color: $color-date-grey;
              }
            }
          }
        }
      }
    }

    div.section.post-content{
      div.text{
        font-size: 16px;
        padding: 40px 80px 30px 80px;
        img.main-image{
          margin: 10px auto;
        }
        img{
          max-width: 100%;
        }
      }
    }

    div.section.related-posts{
      padding: 70px 0;
      .img-link{
          display: flex;
          height: 200px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
        img{
          width: 100%;
          object-fit: cover;
        }
      }
      .content{
        color: $primary-color;
        background-color: rgba(255,236,97,0.7);
        padding: 5%;
        height: 180px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        div.title{
          color: $primary-color;
          font-size: $font-size*1.46;
{'fraction_non_alphanumeric': 0.12471623155505107, 'fraction_numerical': 0.03064699205448354, 'mean_word_length': 1.4000680966973102, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '509256', 'n_tokens_mistral': 2432, 'n_tokens_neox': 2178, 'n_words': 442}