<commit_before>$brewitCurrent: #7ec78a;//bright green
$brewitCurrentText: #000;//black???
$brewitCurrentStep: #4d4d4f;//Thunder
$brewitCurrentOf: #545c56;//Feldgrau
$brewitInactive: #ebeced;//lightgray
$brewitInactiveText:#99999d;//inactive text
$brewitInactiveStep: #abacaf;//Silver Chalice
$brewitInactiveOf: #b1b2b4;//Magnesium
$brewIt: #33B55D; //Brewit-Green

h3.form-heading {
  margin-left: 5%;
  color: $brewitCurrentOf;
  font-weight: 600;
}
.clicker-button{
  box-sizing: border-box;
  float: left;
  color:darken($brewitInactive, 75%);
  border: 2.3px solid darken($brewitInactive, 10%);
  background-color: darken($brewitInactive, 10%);
  text-decoration: none;
  font-size: 0.9em;
  text-align: center;
  &.reset-brew {

  }
  &.add-brew-note {

  }
  &.restart-brew {

  }
  &.cancel-note {

  }
  &.login {
    background-color: $brewIt;//brewit-green
    border: 2.3px solid $brewIt;
    color: black;
    width: 100% * (1/4);
    margin-left: 100% * (3/16);
    margin-right: 100% * (1/8);
    margin-top: 1ex;
  }
  &.show-signup {
    width: 100% * (1/4);
    // margin-left: 100% * (3/16);
    margin-right: 0;
    margin-top: 1ex;
  }
  &.register {
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
    }
  &.addSteps {//submit form button which shows Add Steps.
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
  }
  &.add-step {
    margin: 2ex 30% 5ex 30%;
    font-size: 0.8em;
  }
  &.edit-step {
    display: block;
    margin: 2ex 35% 5ex 35%;
    float: left;
    font-size: 0.8em;
  }
  &.submit-recipe-edit.clone {
    display: block;
    width: 7em;
    margin: 2ex 30% 5ex 30%;
    float: left;
    font-size: 0.8em;
    text-decoration: none;
  }
  &.submit-recipe-edit.edit {
    display: block;
    margin: 2ex 0 5ex 38%;
    float: left;
    font-size: 0.8em;
    text-decoration: none;
  }

  &.save-note {
    margin: 0 30%;
    font-size: 0.8em;
  }
  &.save-edit {
    margin: 0 27%;
    font-size: 0.8em;
  }
}//.clicker-button

form.login {
  width: 90%;
  margin: 0 5%;
  .columns {
    display: block;
    margin-top: 5%;
    label.login {
      display: block;
      width: 100%;
      margin: 5% 0 2%;
    }
    input {<commit_msg>Center buttons for edit step, edit recipe, and submit recipe.<commit_after>$brewitCurrent: #7ec78a;//bright green
$brewitCurrentText: #000;//black???
$brewitCurrentStep: #4d4d4f;//Thunder
$brewitCurrentOf: #545c56;//Feldgrau
$brewitInactive: #ebeced;//lightgray
$brewitInactiveText:#99999d;//inactive text
$brewitInactiveStep: #abacaf;//Silver Chalice
$brewitInactiveOf: #b1b2b4;//Magnesium
$brewIt: #33B55D; //Brewit-Green

h3.form-heading {
  margin-left: 5%;
  color: $brewitCurrentOf;
  font-weight: 600;
}
.clicker-button{
  box-sizing: border-box;
  float: left;
  color:darken($brewitInactive, 75%);
  border: 2.3px solid darken($brewitInactive, 10%);
  background-color: darken($brewitInactive, 10%);
  text-decoration: none;
  font-size: 0.9em;
  text-align: center;
  &.reset-brew {

  }
  &.add-brew-note {

  }
  &.restart-brew {

  }
  &.cancel-note {

  }
  &.login {
    background-color: $brewIt;//brewit-green
    border: 2.3px solid $brewIt;
    color: black;
    width: 100% * (1/4);
    margin-left: 100% * (3/16);
    margin-right: 100% * (1/8);
    margin-top: 1ex;
  }
  &.show-signup {
    width: 100% * (1/4);
    // margin-left: 100% * (3/16);
    margin-right: 0;
    margin-top: 1ex;
  }
  &.register {
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
    }
  &.addSteps {//submit form button which shows Add Steps.
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
  }
  &.add-step {
    margin: 2ex 30% 5ex 30%;
    font-size: 0.8em;
  }
  &.edit-step {
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
    margin-bottom: 2ex;
  }
  &.submit-recipe-edit.clone {
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
    margin-bottom: 2ex;
  }
  &.submit-recipe-edit.edit {
    width: 100% * (1/4);
    margin-left: 100% *(3/8);
    margin-right: 100% *(3/8);
    margin-top: 2.5ex;
    margin-bottom: 2ex;
  }
  &.save-note {
    margin: 0 30%;
    font-size: 0.8em;
  }
  &.save-edit {
    margin: 0 27%;
    font-size: 0.8em;
  }
}//.clicker-button

form.login {
  width: 90%;
  margin: 0 5%;
  .columns {
    display: block;
    margin-top: 5%;
    label.login {
      display: block;
      width: 100%;
      margin: 5% 0 2%;
    }
    input {
{'fraction_non_alphanumeric': 0.18343949044585986, 'fraction_numerical': 0.07430997876857749, 'mean_word_length': 2.539444027047333, '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': '4699119', 'n_tokens_mistral': 2238, 'n_tokens_neox': 1966, 'n_words': 407}