<commit_before><div class="page">
  <div class="navbar">
    <div class="navbar-inner sliding">
      <div class="left">
        <a href="#" class="link back">
          <i class="icon icon-back"></i>
          <span class="if-not-md">Back</span>
        </a>
      </div>
      <div class="title">Buttons</div>
    </div>
  </div>

  <div class="page-content">
    <div class="block-title">Usual Buttons</div>
    <div class="block">
      <div class="row">
        <button class="button col">Button</button>
        <button class="button col">Button</button>
        <button class="button col button-round">Round</button>
      </div>
    </div>
    <div class="block-title">Fill Buttons</div>
    <div class="block">
      <div class="row">
        <button class="col button button-fill">Button</button>
        <button class="col button button-fill">Button</button>
        <button class="col button button-fill button-round">Round</button>
      </div>
    </div>
    <div class="block-title">Outline Buttons</div>
    <div class="block">
      <div class="row">
        <button class="col button button-outline">Button</button>
        <button class="col button button-outline">Button</button>
        <button class="col button button-outline button-round">Round</button>
      </div>
    </div>
    <div class="block-title">Raised Buttons</div>
    <div class="block">
      <p class="row">
        <button class="col button button-raised">Button</button>
        <button class="col button button-raised button-fill">Fill</button>
        <button class="col button button-outline button-raised">Outline</button>
      </p>
      <p class="row">
        <button class="col button button-raised button-round">Round</button>
        <button class="col button button-raised button-fill button-round">Fill</button>
        <button class="col button button-outline button-round button-raised">Outline</button>
      </p>
    </div>
    <div class="block-title">Segmented</div>
    <div class="block">
      <p class="segmented segmented-raised">
        <button class="button">Button</button>
        <button class="button">Button</button>
        <button class="button button-active">Active</button>
      </p>
      <p class="segmented">
        <button class="button button-outline">Outline</button>
        <button class="button button-outline">Outline</button>
        <button class="button button-outline button-active">Active</button>
      </p>
      <p class="segmented segmented-raised segmented-round">
        <button class="button button-round">Button</button>
        <button class="button button-round">Button</button>
        <button class="button button-round button-active">Active</button>
      </p>
      <p class="segmented segmented-round">
        <button class="button button-round button-outline">Outline</button>
        <button class="button button-round button-outline">Outline</button>
        <button class="button button-round button-outline button-active">Active</button>
      </p>
    </div>

    <div class="block-title">Large Buttons</div>
    <div class="block">
      <p class="row">
        <button class="col button button-large">Button</button>
        <button class="col button button-large button-fill">Fill</button>
      </p>
      <p class="row">
        <button class="col button button-large button-raised">Raised</button>
        <button class="col button button-large button-raised button-fill">Raised Fill</button>
      </p>
    </div>

    <div class="block-title">Small Buttons</div>
    <div class="block">
      <p class="row">
        <button class="col button button-small">Button</button>
        <button class="col button button-small button-outline">Outline</button>
        <button class="col button button-small button-fill">Fill</button>
      </p>
      <p class="row">
        <button class="col button button-small button-round">Button</button>
        <button class="col button button-small button-round button-outline">Outline</button>
        <button class="col button button-small button-round button-fill">Fill</button><commit_msg>[aurora] KS: add large round buttons<commit_after><div class="page">
  <div class="navbar">
    <div class="navbar-inner sliding">
      <div class="left">
        <a href="#" class="link back">
          <i class="icon icon-back"></i>
          <span class="if-not-md">Back</span>
        </a>
      </div>
      <div class="title">Buttons</div>
    </div>
  </div>

  <div class="page-content">
    <div class="block-title">Usual Buttons</div>
    <div class="block">
      <div class="row">
        <button class="button col">Button</button>
        <button class="button col">Button</button>
        <button class="button col button-round">Round</button>
      </div>
    </div>
    <div class="block-title">Fill Buttons</div>
    <div class="block">
      <div class="row">
        <button class="col button button-fill">Button</button>
        <button class="col button button-fill">Button</button>
        <button class="col button button-fill button-round">Round</button>
      </div>
    </div>
    <div class="block-title">Outline Buttons</div>
    <div class="block">
      <div class="row">
        <button class="col button button-outline">Button</button>
        <button class="col button button-outline">Button</button>
        <button class="col button button-outline button-round">Round</button>
      </div>
    </div>
    <div class="block-title">Raised Buttons</div>
    <div class="block">
      <p class="row">
        <button class="col button button-raised">Button</button>
        <button class="col button button-raised button-fill">Fill</button>
        <button class="col button button-outline button-raised">Outline</button>
      </p>
      <p class="row">
        <button class="col button button-raised button-round">Round</button>
        <button class="col button button-raised button-fill button-round">Fill</button>
        <button class="col button button-outline button-round button-raised">Outline</button>
      </p>
    </div>
    <div class="block-title">Segmented</div>
    <div class="block">
      <p class="segmented segmented-raised">
        <button class="button">Button</button>
        <button class="button">Button</button>
        <button class="button button-active">Active</button>
      </p>
      <p class="segmented">
        <button class="button button-outline">Outline</button>
        <button class="button button-outline">Outline</button>
        <button class="button button-outline button-active">Active</button>
      </p>
      <p class="segmented segmented-raised segmented-round">
        <button class="button button-round">Button</button>
        <button class="button button-round">Button</button>
        <button class="button button-round button-active">Active</button>
      </p>
      <p class="segmented segmented-round">
        <button class="button button-round button-outline">Outline</button>
        <button class="button button-round button-outline">Outline</button>
        <button class="button button-round button-outline button-active">Active</button>
      </p>
    </div>

    <div class="block-title">Large Buttons</div>
    <div class="block">
      <p class="row">
        <button class="col button button-large">Button</button>
        <button class="col button button-large button-fill">Fill</button>
      </p>
      <p class="row">
        <button class="col button button-large button-raised">Raised</button>
        <button class="col button button-large button-raised button-fill">Raised Fill</button>
      </p>
      <p class="row">
        <button class="col button button-large button-round">Round</button>
        <button class="col button button-large button-round button-fill">Round Fill</button>
      </p>
    </div>

    <div class="block-title">Small Buttons</div>
    <div class="block">
      <p class="row">
        <button class="col button button-small">Button</button>
        <button class="col button button-small button-outline">Outline</button>
        <button class="col button button-small button-fill">Fill</button>
      </p>
      <p class="row">
        <button class="col button button-small button-round">Button</button>
        <button class="col button button-small button-round button-outline">Outline</button>
        <button class="col button button-small button-round button-fill">Fill</button>
{'fraction_non_alphanumeric': 0.15889956124748014, 'fraction_numerical': 0.0, 'mean_word_length': 3.072428778367938, 'pattern_counts': {'":': 0, '<': 293, '<?xml version=': 0, '>': 293, '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': '5611905', 'n_tokens_mistral': 2455, 'n_tokens_neox': 2410, 'n_words': 553}