<commit_before>// Content Result
// 
// Show the result of any action made in the
// dashboard, example (search, no results, error,
// loading, ...) 
// --------------------------------------------------

@import "compass/css3/images";
@import "../new_variables/colors";
@import "../new_variables/mixins";
@import "../new_variables/sizes";

.ContentResult {
  width: 460px;
  min-height: 360px;
  margin: 0 auto;
  padding-top: 160px;
  text-align: center;
}
.ContentResult.is-empty {
  width: auto;
  margin: 0 auto;
  padding-top: 0;
  min-height: 0;
}
.ContentResult.no-datasets {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 100px 0;
  min-height: 0;
  @include background(image-url('layout/no_datasets_bkg.png') center center no-repeat #F1F7FC);
  box-shadow: 1px 0 0 1px $cStructure-softLine;
  z-index: 9;

  &:after,
  &:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
  }  

  &:after {
    left: 50%;
    right: 0;
    margin-left: 470px;
    @include background-horizontal(rgba(#F1F7FC,0), rgba(#F1F7FC,1));
  }

  &:before {
    left: 0;
    right: 50%;
    margin-right: 470px;
    background-color: transparent!important;
    @include background-horizontal(rgba(#F1F7FC,1), rgba(#F1F7FC,0));
  }
}
.ContentResult-smallLoader {
  display: none;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  overflow: hidden;
  z-index: 10;

  &:before {
    content: '';
    position: absolute;
    display: block;
    width: 600px;
    right: 0;
    height: 2px;
    background: rgba(black, 0.55);
    @include animation(pulsate 1.5s linear infinite);      
  }
}
.ContentResult-icon {
  @include inline-block();
  width: 38px;
  height: 38px;
  border: 1px solid $cStructure-mainLine;
  border-radius: 2px;
  line-height:36px;
  font-size: 22px;
  color: $cTypography-help;
}
// Icon types
.ContentResult-iconNegative {
  border-color: $cHighlight-negative;
  color: $cHighlight-negative;
}
.ContentResult-iconPositive {
  border-color: $cHighlight-positive;
  color: $cHighlight-positive;
}
.ContentResult-iconAlert {
  border-color: $cHighlight-alert;
  color: $cHighlight-alert;
}
.ContentResult-title {
  display: block;
  margin: 15px 0 10px 0;
  font-size: $sFontSize-largest;
  font-weight: $sFontWeight-normal;
  line-height: $sLineHeight-largest;
  color: $cTypography-paragraphs;
}
.ContentResult-text {
  display: block;
  font-size: $sFontSize-large;
  color: $cTypography-paragraphs;
  font-weight: $sFontWeight-lighter;
}

@include keyframes(pulsate) {
  0% {right:100%;}
  50% {right:0%}
  100% {right:-100%}
}
<commit_msg>Fixes #2238<commit_after>// Content Result
// 
// Show the result of any action made in the
// dashboard, example (search, no results, error,
// loading, ...) 
// --------------------------------------------------

@import "compass/css3/images";
@import "../new_variables/colors";
@import "../new_variables/mixins";
@import "../new_variables/sizes";

.ContentResult {
  width: 460px;
  min-height: 360px;
  margin: 0 auto;
  padding-top: 160px;
  text-align: center;
}
.ContentResult.is-empty {
  width: auto;
  margin: 0 auto;
  padding-top: 0;
  min-height: 0;
}
.ContentResult.no-datasets {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 100px 0;
  min-height: 0;
  @include background(image-url('layout/no_datasets_bkg.png') center center no-repeat #F1F7FC);
  box-shadow: 1px 0 0 1px $cStructure-softLine;
  z-index: 9;

  &:after,
  &:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
  }  

  &:after {
    left: 50%;
    right: 0;
    margin-left: 470px;
    @include background-horizontal(rgba(#F1F7FC,0), rgba(#F1F7FC,1));
  }

  &:before {
    left: 0;
    right: 50%;
    margin-right: 470px;
    background-color: transparent!important;
    @include background-horizontal(rgba(#F1F7FC,1), rgba(#F1F7FC,0));
  }
}
.ContentResult-smallLoader {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  overflow: hidden;
  z-index: 10;

  &:before {
    content: '';
    position: absolute;
    display: block;
    width: 600px;
    right: 0;
    height: 2px;
    background: rgba(black, 0.55);
    @include animation(pulsate 1.5s linear infinite);      
  }
}
.ContentResult-icon {
  @include inline-block();
  width: 38px;
  height: 38px;
  border: 1px solid $cStructure-mainLine;
  border-radius: 2px;
  line-height:36px;
  font-size: 22px;
  color: $cTypography-help;
}
// Icon types
.ContentResult-iconNegative {
  border-color: $cHighlight-negative;
  color: $cHighlight-negative;
}
.ContentResult-iconPositive {
  border-color: $cHighlight-positive;
  color: $cHighlight-positive;
}
.ContentResult-iconAlert {
  border-color: $cHighlight-alert;
  color: $cHighlight-alert;
}
.ContentResult-title {
  display: block;
  margin: 15px 0 10px 0;
  font-size: $sFontSize-largest;
  font-weight: $sFontWeight-normal;
  line-height: $sLineHeight-largest;
  color: $cTypography-paragraphs;
}
.ContentResult-text {
  display: block;
  font-size: $sFontSize-large;
  color: $cTypography-paragraphs;
  font-weight: $sFontWeight-lighter;
}

@include keyframes(pulsate) {
  0% {right:100%;}
  50% {right:0%}
  100% {right:-100%}
}

{'fraction_non_alphanumeric': 0.16682304372302495, 'fraction_numerical': 0.039031713267029464, 'mean_word_length': 3.157566302652106, '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': '6034526', 'n_tokens_mistral': 2153, 'n_tokens_neox': 1940, 'n_words': 435}