<commit_before>@import url('../../bower_components/lesshat/build/lesshat.less');

@tabBg:            #eee;
@activeTab:           #939393;

@accentColor: #360e6b;

@bright: #fbfbfb;
@medium: #bcbcbc;
@dark: #3e3e3e;


// ### General

.jdfs-highlight,
.jdfs-highlight:hover {
  background: @accentColor;
  color: white;
}

.jdfs-fontstyle-other{
  display: none;
}
// ## Searchbar

.jdfs-main{
  width: 300px;
  height: 50px;
  position: relative;
  .display(inline-flex);

  *, *:after, *:before {
    box-sizing: border-box;
  }

  font-size: 16px;
  background: @bright;
}

.jdfs-search-indicator{
  height: 100%;
  margin: 0;
}

.jdfs-toggle{
  margin: 0;
}

.jdfs-font-name{
  font-size: 1.3em;
}

.jdfs-reset-search{
  color: @bright;
  margin: 0;
  right: 0;
  background: @medium;
}

.jdfs-toggle-search{
  cursor: text;
  margin: 0;
  background: transparent;
  border: none
}
.jdfs-toggle-search,.jdfs-search{
  .flex(2 1);
}
.jdfs-search {
  padding: 1em;
}
// ## Window

.jdfs-window {
  background: @medium;
  width: 300px;
  top: 100%;

  left: 0;
  z-index: 3000;
  position: absolute;
  padding: .5em;
}

// #fontlist

.jdfs-fontlistcon {
  width: 100%;
}

.jdfs-fontlist {
  background: @bright;
  padding: 0;
  margin: 0;
  height: 330px;
  position: relative;
  color: @dark;

  li {
    .display(inline-flex);
    .justify-content(center);
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 10%;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    &:last-child{
      border-bottom: none;

    }
  }
  label {
    .display(flex);
    .align-items(center);
    .justify-content(center);
    width: 100%;
  }
  input {
    display: none;
  }
}

.jdfs-fontlist-noresults{
  color: @medium;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  line-height: 0;
}

.jdfs-fontpagination {
  width: 100%;
  display: block;
  padding: .3em 0;
  margin: 0;
  bottom: 0;
}

// ## Footer

.jdfs-footer-con{
  font-size: .8em;
  padding: .5em 0;
}
.jdfs-footer{
  padding: .5em .5em .5em .5em;
}

.jdfs-footer-tab-open,.jdfs-footer{
  background: #646464;
  color: @bright;
}

.jdfs-footer-tab-toggle{
  display: inline-block;
  padding: .5em 1em;
}

.jdfs-settings-headline{
  padding: 0;
  margin: .2em 0;
}<commit_msg>Changed a little Css which didn't came up in the first place<commit_after>@import url('../../bower_components/lesshat/build/lesshat.less');

@tabBg:            #eee;
@activeTab:           #939393;

@accentColor: #360e6b;

@bright: #fbfbfb;
@medium: #bcbcbc;
@dark: #3e3e3e;


// ### General

.jdfs-highlight,
.jdfs-highlight:hover {
  background: @accentColor;
  color: white;
}

.jdfs-fontstyle-other{
  display: none;
}
// ## Searchbar

.jdfs-main{
  width: 300px;
  height: 50px;
  position: relative;
  .display(inline-flex);

  *, *:after, *:before {
    box-sizing: border-box;
  }

  background: @bright;
}

.jdfs-search-indicator{
  height: 100%;
  margin: 0;
}

.jdfs-toggle{
  margin: 0;
}

.jdfs-font-name{
}

.jdfs-reset-search{
  color: @bright;
  margin: 0;
  right: 0;
  background: @medium;
}

.jdfs-toggle-search{
  cursor: text;
  margin: 0;
  background: transparent;
  border: none
}
.jdfs-toggle-search,.jdfs-search{
  .flex(2 1);
}
.jdfs-search {
  padding: 0 .5em;
}
// ## Window

.jdfs-window {
  background: @medium;
  width: 300px;
  top: 100%;

  left: 0;
  z-index: 3000;
  position: absolute;
  padding: .5em;
}

// #fontlist

.jdfs-fontlistcon {
  width: 100%;
}

.jdfs-fontlist {
  background: @bright;
  padding: 0;
  margin: 0;
  height: 330px;
  position: relative;
  color: @dark;

  li {
    .display(inline-flex);
    .justify-content(center);
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 10%;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    &:last-child{
      border-bottom: none;

    }
  }
  label {
    .display(flex);
    .align-items(center);
    .justify-content(center);
    width: 100%;
  }
  input {
    display: none;
  }
}

.jdfs-fontlist-noresults{
  color: @medium;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  line-height: 0;
}

.jdfs-fontpagination {
  width: 100%;
  display: block;
  padding: .2em 0;
  margin: 0;
  bottom: 0;
}

// ## Footer

.jdfs-footer-con{
  padding: .5em 0;
}
.jdfs-footer{
  padding: .5em .5em .5em .5em;
}

.jdfs-footer-tab-open,.jdfs-footer{
  background: #646464;
  color: @bright;
}

.jdfs-footer-tab-toggle{
  vertical-align: bottom;
  display: inline-block;
  padding: .5em 1em;
}

.jdfs-settings-headline{
  padding: 0;
  margin: .2em 0;
}
{'fraction_non_alphanumeric': 0.17220279720279721, 'fraction_numerical': 0.042395104895104896, 'mean_word_length': 2.7826446280991735, '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': '3361839', 'n_tokens_mistral': 2086, 'n_tokens_neox': 1916, 'n_words': 394}