<commit_before>@mixin type($color:$text-color, $font-size:12px){
    font-family: $sans-serif;
    font-size: $font-size;
    text-transform: uppercase;
    color: $color;
}

@mixin small-type{
  font-family: $sans-serif;
  font-size: 12px;
  line-height: 125%;
  font-weight: 200;
}

@mixin subheading($font-size: 22px){
    font-family: $sans-serif;
    font-weight: 700;
    font-size: $font-size;
    text-transform: uppercase;
    border-bottom: $border_black;
    margin-top: 40px;
}


@mixin inline-divider($padding-left, $padding-right, $color){
  padding-left: $padding-left;
  padding-right: $padding-right;
  content: '/';
  color: $color;
}

@mixin row-divider{
  border-bottom: $border-grey;
  padding-top: 15px;
  padding-bottom: 15px;
}

@mixin no-row-divider{
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

@mixin centered{
  margin: 0 auto;
}

@mixin hide{
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

@mixin centered-fixed-width($width){
  @include centered;
  max-width: $width;
}

@mixin inline-list($color, $font-size:12px){
  ul{
      margin: 0px;
      padding: 0px;
      li{
        color: $color;
        display: inline-block;
        list-style: none;
        padding: 0px;
        margin: 0px;
      }
    }
    ul li a{
      @include type($color, $font-size);
    }
    ul li a:hover,
    ul li a:active{
      text-decoration: none;
    }
}

@mixin inline-list-divided($color, $font-size:12px, $divider-color:$color){
  @include inline-list($color, $font-size);
    ul li a:after{
      @include inline-divider(10px, 5px, $divider-color);
    }
    ul li:last-child{
      a:after{
        content: '';
      }
    }
}

@mixin button($font-family:$sans-serif){
    font-family: $font-family;
    background: $red;
    border-radius: 3px;
    border: none;
    color: white;
    text-transform: uppercase;
    a{
      color: white;
    }
}


@mixin search-form{
  font-family: $sans-serif;
  
  button{
    @include button($sans-serif);
    padding: 6px;
    width: 26%;
    float:left;
  }

  input{
    margin-right: 3%;
    margin-bottom: 0px;
    border: $border-grey;
    float: left;
    padding:3px 5px;
    height: 33px;
    color: black;
    width:71%;

    &::-ms-clear {
      display: none;
    }
    
  }

  input:focus{
    outline: none;
  }

  .input-group{
    width: 100%;
    margin: 0 auto;

  }

  .clear-button{
    background: none;
    border: none;
    position: absolute;
    right: 31%;
    top: 6px;
    font-size:20px;
    z-index: 500;
    color: black;
    display:none;
  }


  @media (max-width: $screen-tiny-max) {
    input {
      width:65%;
      margin-bottom:10px;
    }

    button {
      
      width: 32%;
      float:right;
    }

    .clear-button{
      right: 37%;
    }
  }


  @media(max-width: $screen-sm){
    input {
      font-size: 16px;
    }
  }

}

@mixin collapsed{
  .banner{
    padding-top: 12px;
    padding-bottom: 12px;
    .search, .menu{
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }

  #main-menu{
    z-index: 300;
    &.mobile-menu{
      position: fixed;
      transition: 1s;
      top: 55px;
      left: -400px;
      z-index: 300;
      height: 100%;
      width: 200px;
      padding: 25px;
      margin-top: 0px;
      background: #000;
      text-align: left;

      ul.social{
        border-top: $border-white;
        margin-top: 10px;
        padding-top: 10px;
        li a{
          font-size: 12px;
        }
        i{
          width: 20px;
        }
      }

      ul{
        margin-top: 0px;

        li{
          display: block;
            padding: 3px 5px;
          a{
            color: #fff;
          }
          a:after{
            content: '';
          }
        }
      }
    }

    &.mobile-menu.open{
      transition: 0.5s;
      left: 0;
    }
  }
}

@mixin article-overlay{
  min-height: 400px;
  position: relative;
  color: white;

  .feature-image{
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 100%;<commit_msg>removed unneeded mixin<commit_after>@mixin type($color:$text-color, $font-size:12px){
    font-family: $sans-serif;
    font-size: $font-size;
    text-transform: uppercase;
    color: $color;
}

@mixin small-type{
  font-family: $sans-serif;
  font-size: 12px;
  line-height: 125%;
  font-weight: 200;
}

@mixin subheading($font-size: 22px){
    font-family: $sans-serif;
    font-weight: 700;
    font-size: $font-size;
    text-transform: uppercase;
    border-bottom: $border_black;
    margin-top: 40px;
}


@mixin inline-divider($padding-left, $padding-right, $color){
  padding-left: $padding-left;
  padding-right: $padding-right;
  content: '/';
  color: $color;
}

@mixin row-divider{
  border-bottom: $border-grey;
  padding-top: 15px;
  padding-bottom: 15px;
}

@mixin no-row-divider{
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

@mixin centered{
  margin: 0 auto;
}

@mixin hide{
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

@mixin centered-fixed-width($width){
  @include centered;
  max-width: $width;
}

@mixin inline-list($color, $font-size:12px){
  ul{
      margin: 0px;
      padding: 0px;
      li{
        color: $color;
        display: inline-block;
        list-style: none;
        padding: 0px;
        margin: 0px;
      }
    }
    ul li a{
      @include type($color, $font-size);
    }
    ul li a:hover,
    ul li a:active{
      text-decoration: none;
    }
}

@mixin inline-list-divided($color, $font-size:12px, $divider-color:$color){
  @include inline-list($color, $font-size);
    ul li a:after{
      @include inline-divider(10px, 5px, $divider-color);
    }
    ul li:last-child{
      a:after{
        content: '';
      }
    }
}

@mixin button($font-family:$sans-serif){
    font-family: $font-family;
    background: $red;
    border-radius: 3px;
    border: none;
    color: white;
    text-transform: uppercase;
    a{
      color: white;
    }
}


@mixin search-form{
  font-family: $sans-serif;
  
  button{
    @include button($sans-serif);
    padding: 6px;
    width: 26%;
    float:left;
  }

  input{
    margin-right: 3%;
    margin-bottom: 0px;
    border: $border-grey;
    float: left;
    padding:3px 5px;
    height: 33px;
    color: black;
    width:71%;

    &::-ms-clear {
      display: none;
    }
    
  }

  input:focus{
    outline: none;
  }

  .input-group{
    width: 100%;
    margin: 0 auto;

  }

  .clear-button{
    background: none;
    border: none;
    position: absolute;
    right: 31%;
    top: 6px;
    font-size:20px;
    z-index: 500;
    color: black;
    display:none;
  }


  @media (max-width: $screen-tiny-max) {
    input {
      width:65%;
      margin-bottom:10px;
    }

    button {
      
      width: 32%;
      float:right;
    }

    .clear-button{
      right: 37%;
    }
  }


  @media(max-width: $screen-sm){
    input {
      font-size: 16px;
    }
  }

}

@mixin article-overlay{
  min-height: 400px;
  position: relative;
  color: white;

  .feature-image{
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 100%;
{'fraction_non_alphanumeric': 0.1469265367316342, 'fraction_numerical': 0.02943982554177457, 'mean_word_length': 2.1426124197002143, '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': '1655951', 'n_tokens_mistral': 2965, 'n_tokens_neox': 2718, 'n_words': 573}