<commit_before>@import './styles/variables.css';

$grey-a1: rgb(231, 234, 236);
$grey-a2: #607580;
$blue-a1: #4A6A88;

.Fact--outer {
  border: 1px solid rgba(0,0,0,0);
  float: left;
  width: 100%;
  margin: .2em 0;

  &:hover {
    border-color: #d9dee2;
  }
}

.Fact {
  background-color: white;
  float: left;
  width: 100%;
  border-radius: 2px;
  display: flex;
  flex-direction: row;

  &:not(:hover):not(.form) .ui.small.button {
    display: none;
  }

  &:not(:hover):not(.form) .variable-name.variable-token {
    background-color: rgba(0,0,0,0);
    color: #999;
    transition: all .05s ease .05s;
  }

  &:hover:not(.form) .variable-name.variable-token {
    background-color: #f3e5fc;
    color: #603566;
    transition: all .05s ease .05s;
  }

  .ui.small.button {
     padding: .55em 1.1em;
     border-radius: 2px;
     margin-bottom: 3px;
     margin-right: .5em;

     &:last-child {
       margin-bottom: 0
   }
  }
}

.Fact.new.ui.form {
  input, textarea {
    padding: .3em .4em;
    border-radius: 2px;
  }
}

.Fact  .section-simulation {
  min-width: 6em;
  flex: 1.4;
  position: relative;
  padding: .4em 0 .4em .4em;

  .histogram {
    left: 10%;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    .react-d3-histogram__bar rect {
      fill: $grey-a1;
    }
  }

  .simulation-summary {
    float: left;
    margin-top: 2px;
    position: relative;
    z-index: 1;

    .DistributionSummary .mean {
      color: $grey-a2;
    }
    .DistributionSummary .UncertaintyRange {
       color: $grey-999;
    }
  }
}

.Fact.form .section-simulation {
  padding-right: .8em;
  min-width: 10em;
  flex: 2;
}


.Fact > .section-name {
  float: left;
  flex: 6;
  margin-top: .05em;
  padding: .4em 0;

  .fact-name {
    font-size: 1.3em;
    color: #333;
    float: left;
    width: 100%;
  }

  .variable-name {
    float: left;
    line-height: 1.2em;
    margin-top: .4em;

    &.variable-token {
      padding: 0 3px;
    }

    .prefix {<commit_msg>Minor ui change to fact bank tab<commit_after>@import './styles/variables.css';

$grey-a1: rgb(231, 234, 236);
$grey-a2: #607580;
$blue-a1: #4A6A88;

.FactsTab {
  h3 {
    color: #555;
    float: left;
  }
}

.Fact--outer {
  border: 1px solid rgba(0,0,0,0);
  float: left;
  width: 100%;
  margin: .2em 0;

  &:hover {
    border-color: #d9dee2;
  }
}

.Fact {
  background-color: white;
  float: left;
  width: 100%;
  border-radius: 2px;
  display: flex;
  flex-direction: row;

  &:not(:hover):not(.form) .ui.small.button {
    display: none;
  }

  &:not(:hover):not(.form) .variable-name.variable-token {
    background-color: rgba(0,0,0,0);
    color: #999;
    transition: all .05s ease .05s;
  }

  &:hover:not(.form) .variable-name.variable-token {
    background-color: #f3e5fc;
    color: #603566;
    transition: all .05s ease .05s;
  }

  .ui.small.button {
     padding: .55em 1.1em;
     border-radius: 2px;
     margin-bottom: 3px;
     margin-right: .5em;

     &:last-child {
       margin-bottom: 0
   }
  }
}

.Fact.new.ui.form {
  input, textarea {
    padding: .3em .4em;
    border-radius: 2px;
  }
}

.Fact  .section-simulation {
  min-width: 6em;
  flex: 1.4;
  position: relative;
  padding: .4em 0 .4em .4em;

  .histogram {
    left: 10%;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    .react-d3-histogram__bar rect {
      fill: $grey-a1;
    }
  }

  .simulation-summary {
    float: left;
    margin-top: 2px;
    position: relative;
    z-index: 1;

    .DistributionSummary .mean {
      color: $grey-a2;
    }
    .DistributionSummary .UncertaintyRange {
       color: $grey-999;
    }
  }
}

.Fact.form .section-simulation {
  padding-right: .8em;
  min-width: 10em;
  flex: 2;
}


.Fact > .section-name {
  float: left;
  flex: 6;
  margin-top: .05em;
  padding: .4em .4em 0;

  .fact-name {
    font-size: 1.3em;
    color: #333;
    float: left;
    width: 100%;
  }

  .variable-name {
    float: left;
    line-height: 1.2em;
    margin-top: .4em;

    &.variable-token {
      padding: 0 3px;
    }

    .prefix {
{'fraction_non_alphanumeric': 0.163022351797862, 'fraction_numerical': 0.0575801749271137, 'mean_word_length': 2.218921032056294, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2214515', 'n_tokens_mistral': 1879, 'n_tokens_neox': 1686, 'n_words': 357}