<commit_before>/**
 * Buttons
 */
.button {
  @include vertical-rhythm;
  padding: 1em;
  border: .25em solid;
  color: $secondary-color;
  display: block;
  border-radius: .3em;
  text-align: center;
  margin-left: 1rem;
  margin-right: 1rem;

  @include on-event {
    color: $main-color;
  }

  @include respond-to("medium") {
    display: inline-block;
  }
}

.button-wrapper {
  text-align: center;
  padding: 1em 0;
}

.button-ui {
  display: block;
  cursor: pointer;
  margin: 1em;
  padding: .5em;
  font-size: .8em;
  border-radius: .35em;
  color: mix($light-grey, black, 90%);
  border: .25em solid;
  text-transform: uppercase;
  background: white;
  text-align: center;

  @include respond-to('medium') {
    position: fixed;
  }

  &:hover {
    color: $secondary-color;
  }
}

/**
 * Button to get back to top of the page
 */
.button-ui--back {
  right: 0;
  bottom: 0;
}

/**
 * Button to change syntax
 */
.button-ui--syntax {
  display: block;
  right: 0;
  top: 0;
  text-transform: initial;

  &::after {
    content: ': SCSS';
  }

  #syntax-toggle:checked + &::after {
    content: ': Sass';
  }
}<commit_msg>Slightly improved the way UI buttons behave<commit_after>/**
 * Buttons
 */
.button {
  @include vertical-rhythm;
  padding: 1em;
  border: .25em solid;
  color: $secondary-color;
  display: block;
  border-radius: .3em;
  text-align: center;
  margin-left: 1rem;
  margin-right: 1rem;

  @include on-event {
    color: $main-color;
  }

  @include respond-to("medium") {
    display: inline-block;
  }
}

.button-wrapper {
  text-align: center;
  padding: 1em 0;
}

.button-ui {
  display: block;
  cursor: pointer;
  margin: 1em;
  padding: .5em;
  font-size: .8em;
  border-radius: .35em;
  color: mix($light-grey, black, 90%);
  border: .25em solid;
  background: white;
  text-align: center;
  font-weight: 400;

  @include respond-to('medium') {
    position: fixed;
  }

  &:hover {
    color: $secondary-color;
  }
}

/**
 * Button to get back to top of the page
 */
.button-ui--back {
  right: 0;
  bottom: 0;
}

/**
 * Button to change syntax
 */
.button-ui--syntax {
  display: block;
  right: 4em;
  bottom: 0;

  &::after {
    content: ': SCSS';
  }

  #syntax-toggle:checked + &::after {
    content: ': Sass';
  }
}
{'fraction_non_alphanumeric': 0.16394167034909413, 'fraction_numerical': 0.019885108263367212, 'mean_word_length': 2.7607973421926912, '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': '4013035', 'n_tokens_mistral': 918, 'n_tokens_neox': 858, 'n_words': 210}