<commit_before>@import "ui-variables";

.about-atom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  -webkit-user-select: none;
  cursor: default;
  overflow: auto;
  font-size: 1.5em;
  line-height: 1.4;
  padding: 4em;
  color: @text-color;
  background-color: @base-background-color;

  button {
    cursor: default;
  }

  img, a {
    -webkit-user-drag: none;
  }

  .icon::before {
    margin-right: 0;
    font-size: 1.5em;
    width: auto;
  }

  .atom-header {
    text-align: center;

    .about-logo {
      display: block;
      width: 100%;
      max-width: 290px;
      max-width: 280px;
      margin: 0 auto 0.4em auto;
      color: @text-color-highlight;
    }

    .atom-heading {
      font-size: 1.5em;
      font-weight: bold;
    }

    .about-version-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;

      .atom-version {
        margin-right: 8px;
      }

      .btn {
        // TODO: Remove button from normal flow so its width won't be used when
        // centering.
      }

      .about-copy-version{
        &::before {
          // The copy octicon hangs too low without bumping it up a bit
          position: relative;
          bottom: 1px;
        }

        &:hover::before {
          color: lighten(@text-color, 25%);
        }
      }

    }

    button {
      font-size: 1em;
    }

    .icon::before {
      font-size: 1em;
    }
  }

  .credits {
    margin-top: 40px;<commit_msg>Add :active style to copy button<commit_after>@import "ui-variables";

.about-atom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  -webkit-user-select: none;
  cursor: default;
  overflow: auto;
  font-size: 1.5em;
  line-height: 1.4;
  padding: 4em;
  color: @text-color;
  background-color: @base-background-color;

  button {
    cursor: default;
  }

  img, a {
    -webkit-user-drag: none;
  }

  .icon::before {
    margin-right: 0;
    font-size: 1.5em;
    width: auto;
  }

  .atom-header {
    text-align: center;

    .about-logo {
      display: block;
      width: 100%;
      max-width: 290px;
      max-width: 280px;
      margin: 0 auto 0.4em auto;
      color: @text-color-highlight;
    }

    .atom-heading {
      font-size: 1.5em;
      font-weight: bold;
    }

    .about-version-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;

      .atom-version {
        margin-right: 8px;
      }

      .btn {
        // TODO: Remove button from normal flow so its width won't be used when
        // centering.
      }

      .about-copy-version{
        &::before {
          // The copy octicon hangs too low without bumping it up a bit
          position: relative;
          bottom: 1px;
        }

        &:hover::before {
          color: lighten(@text-color, 20%);
        }

        &:active::before {
          color: lighten(@text-color, 30%);
        }
      }

    }

    button {
      font-size: 1em;
    }

    .icon::before {
      font-size: 1em;
    }
  }

  .credits {
    margin-top: 40px;
{'fraction_non_alphanumeric': 0.12997181334168492, 'fraction_numerical': 0.019417475728155338, 'mean_word_length': 1.7439862542955327, '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': '1309177', 'n_tokens_mistral': 1171, 'n_tokens_neox': 1079, 'n_words': 254}