<commit_before>.dialogue {
  .actions {
    .sidebar {
      background: #d9d8d3;
    }
  }

  #diagram {
    ._jsPlumb_endpoint, ._jsPlumb_connector {
      z-index:200;
    }

    .grid.container {
      text-align: center;
      margin: 0 auto;
      width: 1280px;

      .row {
        margin: 0;
      }

      .item {
        width: 220px;
        margin: 30px 40px;
        padding: 0;
      }

      .placeholder {
        background: #2f3436;
        width: 8px;
        height: 200px;
        float: left;
        .border-radius(10px);
      }
    }

    .state {
      padding: 6px;
      position: relative;
      color: #2f3436;
      .user-select(none);

      .titlebar {
        font-size: 16px;
        padding: 8px 6px;

        // Set the margin to the reverse of the state's padding so the titlebar
        // actually looks like a titlebar
        margin: -6px;

        margin-bottom: 10px;

        background: #b0b0b0;
        .border-radius(5px);

        .name {
          font-weight: bold;
          margin-bottom: 0;
          width: 60px;
        }

        .remove {
          color: #eee;
        }
      }
<commit_msg>Use a variable for dialogue state padding<commit_after>.dialogue {
  .actions {
    .sidebar {
      background: #d9d8d3;
    }
  }

  #diagram {
    @state-padding: 6px;

    ._jsPlumb_endpoint, ._jsPlumb_connector {
      z-index:200;
    }

    .grid.container {
      text-align: center;
      margin: 0 auto;
      width: 1280px;

      .row {
        margin: 0;
      }

      .item {
        width: 220px;
        margin: 30px 40px;
        padding: 0;
      }

      .placeholder {
        background: #2f3436;
        width: 8px;
        height: 200px;
        float: left;
        .border-radius(10px);
      }
    }

    .state {
      padding: @state-padding;
      position: relative;
      color: #2f3436;
      .user-select(none);

      .titlebar {
        font-size: 16px;
        padding: 8px 6px;

        // Set the margin to the reverse of the state's padding so the titlebar
        // actually looks like a titlebar
        margin: -@state-padding;

        margin-bottom: 10px;

        background: #b0b0b0;
        .border-radius(5px);

        .name {
          font-weight: bold;
          margin-bottom: 0;
          width: 60px;
        }

        .remove {
          color: #eee;
        }
      }

{'fraction_non_alphanumeric': 0.10756302521008404, 'fraction_numerical': 0.04243697478991597, 'mean_word_length': 1.3458128078817735, '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': '5308849', 'n_tokens_mistral': 870, 'n_tokens_neox': 772, 'n_words': 182}