<commit_before>@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

@top-bar-height: 2rem;
@card-width: 17rem;
@pad: 1rem;
@groups-nav-width: @top-bar-height + @pad * 2;
@avatar-size: 2rem;

@grey-text: #888;

body {
  margin: 0;
  padding: 0;
  font-family: Tahoma;
  font-size: 12px;
  background: #eee;
}

.app > .main {
  > .groups-nav {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: @groups-nav-width;
    box-sizing: border-box;
  }
  > .page {
    position: absolute;
    left: @groups-nav-width;
    top: 0;
    bottom: 0;
    right: 0;
  }
}

.app .main > .groups-nav {
  background: #222;
  padding: @pad;

  .group, .plus {
    width: @top-bar-height;
    height: @top-bar-height;
    border-radius: @pad / 3;
    cursor: pointer;
  }

  .group, .plus {
    line-height: @top-bar-height;
    text-align: center;
    font-size: 1.5em;
  }

  .group {
    margin: 0 0 @pad 0;
    color: #222;
    position: relative;

    &.active:before {
      @w: @pad / 3;
      content: "";
      background: #eee;
      width: @w;
      height: 100%;
      position: absolute;
      left: -@pad;
      border-radius: 0 @w @w 0;
    }

  }
  .plus {
    position: absolute;
    bottom: @pad;
    background: #333;
    color: #222;
    font-family: "fontawesome";
    &:hover {
      background: #555;
    }
  }


  .count {
    .pill-box();
    font-size: 0.6rem;
    color: #aaa;
    background: #B53737;
    color: white;
    border-color: #B53737;
    position: absolute;
    bottom: -0.5rem;
    right: -0.5rem;
  }

}

.floating-box() {
  background: white;
  box-shadow: 0 1px 2px 0 #ccc;
  width: @card-width;
  padding: @pad;
  box-sizing: border-box;
//  display: inline-block;
//  vertical-align: bottom;

  position: relative;
}

.emojione {
  font-size: inherit;
  height: 3ex;
  width: 3.1ex;
  min-height: 20px;
  min-width: 20px;

  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle;
}

.error-banner {
  font-size: 2em;
  background-color: rgba(255, 5, 14, 0.6);
  text-align: center;
  .close {
    margin-left: 1em;
    cursor: pointer;
  }
}<commit_msg>dumb hacks to make error banner clickable<commit_after>@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

@top-bar-height: 2rem;
@card-width: 17rem;
@pad: 1rem;
@groups-nav-width: @top-bar-height + @pad * 2;
@avatar-size: 2rem;

@grey-text: #888;

body {
  margin: 0;
  padding: 0;
  font-family: Tahoma;
  font-size: 12px;
  background: #eee;
}

.app > .main {
  > .groups-nav {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: @groups-nav-width;
    box-sizing: border-box;
  }
  > .page {
    position: absolute;
    left: @groups-nav-width;
    top: 0;
    bottom: 0;
    right: 0;
  }
}

.app .main > .groups-nav {
  background: #222;
  padding: @pad;

  .group, .plus {
    width: @top-bar-height;
    height: @top-bar-height;
    border-radius: @pad / 3;
    cursor: pointer;
  }

  .group, .plus {
    line-height: @top-bar-height;
    text-align: center;
    font-size: 1.5em;
  }

  .group {
    margin: 0 0 @pad 0;
    color: #222;
    position: relative;

    &.active:before {
      @w: @pad / 3;
      content: "";
      background: #eee;
      width: @w;
      height: 100%;
      position: absolute;
      left: -@pad;
      border-radius: 0 @w @w 0;
    }

  }
  .plus {
    position: absolute;
    bottom: @pad;
    background: #333;
    color: #222;
    font-family: "fontawesome";
    &:hover {
      background: #555;
    }
  }


  .count {
    .pill-box();
    font-size: 0.6rem;
    color: #aaa;
    background: #B53737;
    color: white;
    border-color: #B53737;
    position: absolute;
    bottom: -0.5rem;
    right: -0.5rem;
  }

}

.floating-box() {
  background: white;
  box-shadow: 0 1px 2px 0 #ccc;
  width: @card-width;
  padding: @pad;
  box-sizing: border-box;
//  display: inline-block;
//  vertical-align: bottom;

  position: relative;
}

.emojione {
  font-size: inherit;
  height: 3ex;
  width: 3.1ex;
  min-height: 20px;
  min-width: 20px;

  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle;
}

.error-banner {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  font-size: 2em;
  background-color: rgba(255, 5, 14, 0.6);
  text-align: center;
  .close {
    margin-left: 1em;
    cursor: pointer;
  }
}
{'fraction_non_alphanumeric': 0.16670391061452514, 'fraction_numerical': 0.04223463687150838, 'mean_word_length': 2.296023564064801, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 2, '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': '7286430', 'n_tokens_mistral': 1980, 'n_tokens_neox': 1805, 'n_words': 412}