<commit_before>@import "../components/button.css";

.donations {
	width: 90%;
	margin:  50px auto 0;
}
.donations__form {
  @mixin flex *, *, *, center;
}

.donation {
  @mixin flex column, *, *, *;
}
.donation__item-list {
  overflow-x: hidden;
  max-height: 40vh;
  max-width: 540px;
  width: 95%;
  margin: 20px auto 0;
}
.donation__item {
	@mixin flex *, flex-end, *, space-between;
}
.donation__item-name {
  margin-top: 15px;
  font-size: $font-medium-thin;
  letter-spacing: 0.9px;
  font-family: $open-sans;
}

.donations-history {
  max-width: 550px;
  margin: auto;
}
.donations-history h1 {
  font-family: $open-sans;
  font-size: $font-medium-thick;
  font-weight: 100;
  letter-spacing: 1.2px;
  margin: 20px auto;
}
.donations-history__list {
  font-family: $open-sans;
  li {
    @mixin flex *, *, *, space-between;
    margin-top: 40px;
  }
}
.donation-history__titles {
  max-width: 40%;
  h2 {
    font-weight: 500;
    font-size: $font-medium;
  }
  i {
    letter-spacing: 1.2px;
  }
}
.donations-history__items {
  letter-spacing: 1px;
  max-width: 50%;
}

.donation-popup section {
  margin: 10px 0;
  font-family: $open-sans;
}
.donation-popup__items-title {
  font-size: $font-medium;
  letter-spacing: 2px;
}
.donation-popup__items-list,
.donation-popup__address {
  font-size: $font-medium-thin;
  li {
    padding-left: 5px;
    letter-spacing: 1px;
  }
}
.donation-popup__input {
  background-color: transparent;
  font-family: $open-sans;
  font-size: $font-medium-thin;
  border: none;
  border-bottom: 1px $grey solid;
  padding-left: 5px;
  margin-top: 10px;
  &:focus {
    outline: none;
  }
}
.donation-popup__btn-donate {
  margin: auto;
}

.btn-addDonation {
  @mixin square 55px;
  @mixin bg-img '/images/add-button.svg';
}
.btn-delDonation {
  @mixin square 25px;
  @mixin bg-img '/images/delete-item.svg';
}
.btn-donate {
  @mixin rect 60%, 50px;
  max-width: 250px;
  margin: 25px auto;
}

/* The color here does not comply with the palette */
.donation-dialog input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}

@media screen and (min-width: 768px) {
  .donations__form {
    div,
    input {
      /* Using !important is highly discouraged. In this case it is the only way to override Material UI inline styling */
      font-size: $font-medium !important;
      line-height: 1.9 !important;
    }
	}
  .donations-history h1 {
    font-size: $font-large;
  }
  .donations-history__titles h2 {
    font-size: $font-medium-thick;
  }
  .donations-history__items {
    font-size: $font-medium-thin;
  }
}<commit_msg>Refactor: typo on class<commit_after>@import "../components/button.css";

.donations {
	width: 90%;
	margin:  50px auto 0;
}
.donations__form {
  @mixin flex *, *, *, center;
}

.donation {
  @mixin flex column, *, *, *;
}
.donation__item-list {
  overflow-x: hidden;
  max-height: 40vh;
  max-width: 540px;
  width: 95%;
  margin: 20px auto 0;
}
.donation__item {
	@mixin flex *, flex-end, *, space-between;
}
.donation__item-name {
  margin-top: 15px;
  font-size: $font-medium-thin;
  letter-spacing: 0.9px;
  font-family: $open-sans;
}

.donations-history {
  max-width: 550px;
  margin: auto;
}
.donations-history h1 {
  font-family: $open-sans;
  font-size: $font-medium-thick;
  font-weight: 100;
  letter-spacing: 1.2px;
  margin: 20px auto;
}
.donations-history__list {
  font-family: $open-sans;
  li {
    @mixin flex *, *, *, space-between;
    margin-top: 40px;
  }
}
.donations-history__titles {
  max-width: 40%;
  h2 {
    font-weight: 500;
    font-size: $font-medium;
    letter-spacing: 1.2px;
  }
  i {
    letter-spacing: 1.2px;
  }
}
.donations-history__items {
  letter-spacing: 1px;
  max-width: 50%;
}

.donation-popup section {
  margin: 10px 0;
  font-family: $open-sans;
}
.donation-popup__items-title {
  font-size: $font-medium;
  letter-spacing: 2px;
}
.donation-popup__items-list,
.donation-popup__address {
  font-size: $font-medium-thin;
  li {
    padding-left: 5px;
    letter-spacing: 1px;
  }
}
.donation-popup__input {
  background-color: transparent;
  font-family: $open-sans;
  font-size: $font-medium-thin;
  border: none;
  border-bottom: 1px $grey solid;
  padding-left: 5px;
  margin-top: 10px;
  &:focus {
    outline: none;
  }
}
.donation-popup__btn-donate {
  margin: auto;
}

.btn-addDonation {
  @mixin square 55px;
  @mixin bg-img '/images/add-button.svg';
}
.btn-delDonation {
  @mixin square 25px;
  @mixin bg-img '/images/delete-item.svg';
}
.btn-donate {
  @mixin rect 60%, 50px;
  max-width: 250px;
  margin: 25px auto;
}

/* The color here does not comply with the palette */
.donation-dialog input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}

@media screen and (min-width: 768px) {
  .donations__form {
    div,
    input {
      /* Using !important is highly discouraged. In this case it is the only way to override Material UI inline styling */
      font-size: $font-medium !important;
      line-height: 1.9 !important;
    }
	}
  .donations-history h1 {
    font-size: $font-large-thin;
  }
  .donations-history__titles h2 {
    font-size: $font-medium-thick;
  }
  .donations-history__items {
    font-size: $font-medium-thin;
  }
}
{'fraction_non_alphanumeric': 0.15204453829909773, 'fraction_numerical': 0.031100019197542714, 'mean_word_length': 3.04189294026377, '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': '5089821', 'n_tokens_mistral': 2229, 'n_tokens_neox': 2046, 'n_words': 439}