<commit_before>{{page-toolbar pageTitle="Divider" isDemo=true}}

{{#doc-content}}
  {{#paper-toolbar}}
    {{#paper-toolbar-tools}}
      <h2>Full Bleed</h2>
      <span class="flex"></span>
      {{#paper-button onClick=(action "toggleSourceCodeFull") iconButton=true}}
        {{paper-icon icon="code"}}
      {{/paper-button}}
    {{/paper-toolbar-tools}}
  {{/paper-toolbar}}
  {{#paper-content}}
    <div class="doc-code-example {{if showSourceCodeFull 'is-visible'}}">
      {{code-snippet name="divider.full.hbs"}}
    </div>
    {{! BEGIN-SNIPPET divider.full }}
    {{#paper-list}}
      {{#each messages as |item|}}
        {{#paper-item class="md-3-line"}}
          <div class="md-list-item-text">
            <h3>{{item.what}}</h3>
            <h4>{{item.who}}</h4>
            <p>{{item.notes}}</p>
          </div>
          {{paper-divider}}
          {{#paper-button}}Respond{{/paper-button}}
        {{/paper-item}}
      {{/each}}
    {{/paper-list}}
    {{! END-SNIPPET }}
  {{/paper-content}}

  {{#paper-toolbar}}
    {{#paper-toolbar-tools}}
      <h2>Inset</h2>
      <span class="flex"></span>
      {{#paper-button onClick=(action "toggleSourceCodeInset") iconButton=true}}
        {{paper-icon icon="code"}}
      {{/paper-button}}
    {{/paper-toolbar-tools}}
  {{/paper-toolbar}}
  {{#paper-content}}
    <div class="doc-code-example {{if showSourceCodeInset 'is-visible'}}">
      {{code-snippet name="divider.inset.hbs"}}
    </div>
    {{! BEGIN-SNIPPET divider.inset }}
    {{#paper-list classNames="list-demo"}}
      {{#each messages as |item|}}
        {{#paper-item class="md-3-line"}}
          <img src="{{item.face}}?{{$index}}" class="face" alt="{{item.who}}">
          <div class="md-list-item-text">
            <h3>{{item.what}}</h3>
            <h4>{{item.who}}</h4>
            <p>{{item.notes}}</p>
          </div>
          {{paper-divider inset=true}}
        {{/paper-item}}
      {{/each}}
    {{/paper-list}}
    {{! END-SNIPPET }}
  {{/paper-content}}
{{/doc-content}}
<commit_msg>use paper-card in docs<commit_after>{{page-toolbar pageTitle="Divider" isDemo=true}}

{{#doc-content}}

  {{#paper-card}}
    {{#paper-toolbar}}
      {{#paper-toolbar-tools}}
        <h2>Full Bleed</h2>
        <span class="flex"></span>
        {{#paper-button onClick=(action "toggleSourceCodeFull") iconButton=true}}
          {{paper-icon icon="code"}}
        {{/paper-button}}
      {{/paper-toolbar-tools}}
    {{/paper-toolbar}}
    {{#paper-content}}
      <div class="doc-code-example {{if showSourceCodeFull 'is-visible'}}">
        {{code-snippet name="divider.full.hbs"}}
      </div>
      {{! BEGIN-SNIPPET divider.full }}
      {{#paper-list}}
        {{#each messages as |item|}}
          {{#paper-item class="md-3-line"}}
            <div class="md-list-item-text">
              <h3>{{item.what}}</h3>
              <h4>{{item.who}}</h4>
              <p>{{item.notes}}</p>
            </div>
            {{paper-divider}}
            {{#paper-button}}Respond{{/paper-button}}
          {{/paper-item}}
        {{/each}}
      {{/paper-list}}
      {{! END-SNIPPET }}
    {{/paper-content}}

  {{/paper-card}}

  {{#paper-card}}
    {{#paper-toolbar}}
      {{#paper-toolbar-tools}}
        <h2>Inset</h2>
        <span class="flex"></span>
        {{#paper-button onClick=(action "toggleSourceCodeInset") iconButton=true}}
          {{paper-icon icon="code"}}
        {{/paper-button}}
      {{/paper-toolbar-tools}}
    {{/paper-toolbar}}
    {{#paper-content}}
      <div class="doc-code-example {{if showSourceCodeInset 'is-visible'}}">
        {{code-snippet name="divider.inset.hbs"}}
      </div>
      {{! BEGIN-SNIPPET divider.inset }}
      {{#paper-list classNames="list-demo"}}
        {{#each messages as |item|}}
          {{#paper-item class="md-3-line"}}
            <img src="{{item.face}}?{{$index}}" class="face" alt="{{item.who}}">
            <div class="md-list-item-text">
              <h3>{{item.what}}</h3>
              <h4>{{item.who}}</h4>
              <p>{{item.notes}}</p>
            </div>
            {{paper-divider inset=true}}
          {{/paper-item}}
        {{/each}}
      {{/paper-list}}
      {{! END-SNIPPET }}
    {{/paper-content}}
  {{/paper-card}}
{{/doc-content}}

{'fraction_non_alphanumeric': 0.2287520487005385, 'fraction_numerical': 0.006555841723249824, 'mean_word_length': 2.2886836027713624, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, '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': '5515316', 'n_tokens_mistral': 1503, 'n_tokens_neox': 1451, 'n_words': 209}