<commit_before>@import "bootstrap/mixins";

.add-opinion-or-evidence {
  // Hack to position the form nicely against the evidence-terminator-circle
  margin-top: -5px;

  > .evidence-box {
    width: 360px;
  }
}

.add-evidence-form {
  .auto-complete-fact-relations {
    overflow: hidden;
    position: relative;
    margin: 0;

    .fact-relations-input-container {
      margin-bottom: 10px;
    }

    .fact-wheel {
      margin-left: -5px;
      margin-right: 5px;

      .fact-wheel-total-votes {
        display: none;
      }
    }

    .auto-complete-fact-relations-result-text {
      overflow: hidden;
    }
  }
}

.type-of-comment {
  display: table;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.add-evidence-form-label {
  display: table-cell;
  cursor: pointer;
}

.add-evidence-form-button {
  background: @buttonBackground;
  padding: 4px;
  color: @metaFontColor;
  &:hover{
    color: black;
    background: darken(@buttonBackground,5%);
  }
  &.supporting {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  &.weakening {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

input.add-evidence-form-radio {
  display: none;
  margin-top: -3px;

  &:checked + .supporting,
  &:checked + .neutral,
  &:checked + .weakening {
    color: white;
  }

  &:checked + .supporting {
    background: @buttonSuccessBackground;
  }
  &:checked + .neutral {
    background: @buttonConfirmBackground;
  }
  &:checked + .weakening {
    background: @buttonDangerBackground;
  }
}

.add-evidence-form-view-toggle {
  box-shadow: 0px -1px @mutedBorderBottomColor, 0px -2px @mutedBorderTopColor;
  display: inline-block; // for block formatting context
  width: 100%;
  margin-top: 10px;<commit_msg>Gave it a litle depth so selected state comes forward.<commit_after>@import "bootstrap/mixins";

.add-opinion-or-evidence {
  // Hack to position the form nicely against the evidence-terminator-circle
  margin-top: -5px;

  > .evidence-box {
    width: 360px;
  }
}

.add-evidence-form {
  .auto-complete-fact-relations {
    overflow: hidden;
    position: relative;
    margin: 0;

    .fact-relations-input-container {
      margin-bottom: 10px;
    }

    .fact-wheel {
      margin-left: -5px;
      margin-right: 5px;

      .fact-wheel-total-votes {
        display: none;
      }
    }

    .auto-complete-fact-relations-result-text {
      overflow: hidden;
    }
  }
}

.type-of-comment {
  display: table;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.add-evidence-form-label {
  display: table-cell;
  cursor: pointer;
}

.add-evidence-form-button {
  box-sizing: border-box;
  background: @buttonBackground;
  border-top: 2px darken(@buttonBackground,10%) solid;
  border-bottom: 0px;
  padding: 4px;
  color: @metaFontColor;
  &:hover{
    color: black;
    background: darken(@buttonBackground,5%);
  }
  &.supporting {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  &.weakening {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

input.add-evidence-form-radio {
  display: none;
  margin-top: -3px;

  &:checked + .supporting,
  &:checked + .neutral,
  &:checked + .weakening {
    color: white;
    position: relative;
    top: -2px;
  }

  &:checked + .supporting {
    background: @buttonSuccessBackground;
    border-top: 0px;
    border-bottom: 2px darken(@buttonSuccessBackground,10%) solid;
  }
  &:checked + .neutral {
    background: @buttonConfirmBackground;
    border-top: 0px;
    border-bottom: 2px darken(@buttonConfirmBackground,10%) solid;
  }
  &:checked + .weakening {
    background: @buttonDangerBackground;
    border-top: 0px;
    border-bottom: 2px darken(@buttonDangerBackground,10%) solid;
  }
}

.add-evidence-form-view-toggle {
  box-shadow: 0px -1px @mutedBorderBottomColor, 0px -2px @mutedBorderTopColor;
  display: inline-block; // for block formatting context
  width: 100%;
  margin-top: 10px;
{'fraction_non_alphanumeric': 0.13798294029101857, 'fraction_numerical': 0.0193176116407426, 'mean_word_length': 2.8859649122807016, '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': '5627121', 'n_tokens_mistral': 1505, 'n_tokens_neox': 1397, 'n_words': 274}