<commit_before>/**
 * BUTTONS, TINY PIECES, ETC.
 */

.donate-button {
  background-color: $dark-red;
  padding: 14px;
  color: $white;
  border-radius: 7px;
  box-shadow: 2px 2px 5px gray;
  font-weight: bold;
  border: solid 1px $dark-red;

  &:hover {
    color: $dark-red;
    background-color: $white;
  }
}

/**
 * Tilted hamburger-ish mobile nav menu toggle
 */
$small-bar-size: 50%;
$height: 3px;

// Container
.menu-trigger {
  width: 40px;
  margin-right: 6px;
  display: block;
}

.menu-trigger-bar {
  background-color: $medium-blue;
  display: block;
  height: $height;
  margin-bottom: 6px;
  position: relative;
  transition: transform 300ms;
  width: 100%;


  &.middle {
    transform: rotate(-45deg);
  }

  &.bottom,
  &.top {
    transform: rotate(-45deg) translateX(0) translateY(0);
    width: $small-bar-size;
  }

  &.bottom {
    margin-left: $small-bar-size;
  }
}

// When menu is active
.close-trigger .menu-trigger-bar {
  &.top {
    transform: rotate(45deg) translateX(2px) translateY(-2px);<commit_msg>Hide nav menu trigger on tablets and up<commit_after>/**
 * BUTTONS, TINY PIECES, ETC.
 */

.donate-button {
  background-color: $dark-red;
  padding: 14px;
  color: $white;
  border-radius: 7px;
  box-shadow: 2px 2px 5px gray;
  font-weight: bold;
  border: solid 1px $dark-red;

  &:hover {
    color: $dark-red;
    background-color: $white;
  }
}

/**
 * Tilted hamburger-ish mobile nav menu toggle
 */
$small-bar-size: 50%;
$height: 3px;

// Container
.menu-trigger {
  width: 40px;
  margin-right: 6px;
  display: block;

  // Hide on larger screens
  @media (min-width: 768px) {
    display: none;
  }
}

.menu-trigger-bar {
  background-color: $medium-blue;
  display: block;
  height: $height;
  margin-bottom: 6px;
  position: relative;
  transition: transform 300ms;
  width: 100%;


  &.middle {
    transform: rotate(-45deg);
  }

  &.bottom,
  &.top {
    transform: rotate(-45deg) translateX(0) translateY(0);
    width: $small-bar-size;
  }

  &.bottom {
    margin-left: $small-bar-size;
  }
}

// When menu is active
.close-trigger .menu-trigger-bar {
  &.top {
    transform: rotate(45deg) translateX(2px) translateY(-2px);
{'fraction_non_alphanumeric': 0.1567095588235294, 'fraction_numerical': 0.028952205882352942, 'mean_word_length': 2.9871794871794872, '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': '6501356', 'n_tokens_mistral': 903, 'n_tokens_neox': 830, 'n_words': 193}