<commit_before>@import "atoms/variables";

.poker-settings {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  .level-editor {
    background: rgba($color-black, 0.25);
    border-radius: 3px;
    border: 1px solid rgba($color-accent, 0.2);
    box-shadow: 0 0 3px rgba($color-black, 0.2);
    flex-grow: 1;
    margin: 5px 15px 10px;
    overflow-y: auto;
  }

  .level-controls {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-bottom: 15px;

    // TODO: abstract this out?
    .button {
      border: 1px solid rgba($color-accent, 0.2);
      box-shadow: 0 3px 2px rgba($color-black, 0.2);
      margin: 0 -1px;
      padding: 5px 8px;
      transition: opacity 150ms;

      // TODO: pick a complementary color
      &--play {
        background: rgba($color-white, 0.08);
        border-radius: 3px 0 0 3px;
      }

      // TODO: pick a complementary color
      &--break {
        background: rgba($color-black, 0.25);
        border-radius: 0 3px 3px 0;
      }

      // TODO: add a "down" handler
      &:hover,
      &:focus {<commit_msg>improve level button styles, fixes #7<commit_after>@import "atoms/variables";

.poker-settings {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  .level-editor {
    background: rgba($color-black, 0.25);
    border-radius: 3px;
    border: 1px solid rgba($color-accent, 0.2);
    box-shadow: 0 0 3px rgba($color-black, 0.2);
    flex-grow: 1;
    margin: 5px 15px 10px;
    overflow-y: auto;
  }

  .level-controls {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-bottom: 15px;

    // TODO: abstract this out?
    .button {
      border: 1px solid rgba($color-white, 0.08);
      box-shadow: 0 2px 2px rgba($color-black, 0.2);
      margin: 0;
      padding: 6px 10px;
      transition: opacity 150ms;

      &--play {
        background: rgba($color-white, 0.04);
        border-radius: 3px 0 0 3px;
      }

      &--break {
        background: rgba($color-black, 0.04);
        border-left: none;
        border-radius: 0 3px 3px 0;
      }

      // TODO: add a "down" handler
      &:hover,
      &:focus {
{'fraction_non_alphanumeric': 0.1394700139470014, 'fraction_numerical': 0.049279404927940494, 'mean_word_length': 2.123367198838897, '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': '6524474', 'n_tokens_mistral': 875, 'n_tokens_neox': 743, 'n_words': 206}