<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <title>
      White Space / Typography / Docs / TACHYONS
    </title>
    <meta name="description" content="CSS">
    <%= head  %>
  </head>
  <body class="w-100 sans-serif">

    <%= siteHeader %>
    <main class="">
      <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
        <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
        <span class="f4 b dib pl0 ml0 mr4">v<%= moduleVersion %></span>
        <span class="f4 b dib pl0 ml0 mr4"><%= moduleSize %></span>
        <div>
          <dl class="dib mr4 mt0">
            <dt class="f6 db">Declarations </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.declarations.total %></dd>
          </dl>
          <dl class="dib mr4">
            <dt class="f6 db pr2">Selectors </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.total %></dd>
          </dl>
          <dl class="dib mr4">
            <dt class="f6 db pr2">Max. Specificity Score </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.specificity.max %></dd>
          </dl>
          <dl class="dib mr4">
            <dt class="f6 db pr2">Size of Avg. Rule </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.rules.size.average %></dd>
          </dl>
        </div>
        <p class="measure f4 f3-ns lh-copy">
          White space in css is used to control how whitespace is rendered. Creative, I know.
        </p>
        <p class="measure f5 f4-ns lh-copy">
          <b>Normal</b> supresses white space characters and breaks lines based on the width of the element
or the placement of a br tag.<br>
          <b>Nowrap</b> will keep all text on one line - often used in conjunction with truncation or a scrollbar. This can be useful
for displaying unix style commands where indicating everything is on one line is important for clarity.<br>
          <b>Pre</b> will preserve all whitespace and linebreaks. This is useful for displaying code or poetry. Simulates the rendering of the pre tag.
        </p>
      </article>
      <div class="ph3 ph5-ns pt4 pb5">
        <h2 class="f4 bold">Examples</h2>
      <p class="f5 f4-ns measure lh-copy">This text is formatted the same way in the source and printed three times, with the only difference being which white-space class is attached.</p>
        <h3 class="f5 book pt4 code">.ws-normal</h3>
        <p class="ws-normal measure">

          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

              vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

          no sea
            takimata
          sanctus est

                    Lorem

          ipsum dolor sit amet.

        </p>
        <h3 class="f5 book pt4 code">.nowrap</h3>
        <p class="nowrap measure">
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

              vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

          no sea
            takimata
          sanctus est

                    Lorem

          ipsum dolor sit amet.

        </p>
        <h3 class="f5 book pt4 code">.pre</h3>
        <p class="pre measure">
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

              vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

          no sea
            takimata
          sanctus est

                    Lorem

          ipsum dolor sit amet.

        </p>
        <div class="mt5 cf">
          <div class="dib mr4">
            <h1 class="f4 ttu tracked fw6">Previous</h1>
            <a href="/docs/typography/text-decoration/" class="link fw6 blue dim">Text Decoration</a>
          </div>
          <div class="dib mr4">
            <h1 class="f4 ttu tracked fw6">Next</h1>
            <a href="/docs/debug/" class="link fw6 blue dim">Debugging</a>
          </div>
        </div>
        <div class="mt5">
          <h1 class="f4 ttu tracked fw6">Reference</h1>
          <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/white-space" class="link fw6 blue dim">MDN - White Space</a>
        </div>
      </div>
      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
        <header class="ph3 ph5-ns pt4">
          <kbd class="yellow">src/_white-space.css</kbd>
        </header>
<pre class="ph3 ph5-ns">
<code class="code" style="font-size: .75rem;">
<%= srcCSS  %>
</code>
</pre>
      </section>
      <%= navDocs %>
    </main>
    <%= siteFooter %>
    <%= googleAnalytics  %>
  </body>
</html><commit_msg>Remove yellow class from kbd element<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <title>
      White Space / Typography / Docs / TACHYONS
    </title>
    <meta name="description" content="CSS">
    <%= head  %>
  </head>
  <body class="w-100 sans-serif">

    <%= siteHeader %>
    <main class="">
      <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
        <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
        <span class="f4 b dib pl0 ml0 mr4">v<%= moduleVersion %></span>
        <span class="f4 b dib pl0 ml0 mr4"><%= moduleSize %></span>
        <div>
          <dl class="dib mr4 mt0">
            <dt class="f6 db">Declarations </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.declarations.total %></dd>
          </dl>
          <dl class="dib mr4">
            <dt class="f6 db pr2">Selectors </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.total %></dd>
          </dl>
          <dl class="dib mr4">
            <dt class="f6 db pr2">Max. Specificity Score </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.specificity.max %></dd>
          </dl>
          <dl class="dib mr4">
            <dt class="f6 db pr2">Size of Avg. Rule </dt>
            <dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.rules.size.average %></dd>
          </dl>
        </div>
        <p class="measure f4 f3-ns lh-copy">
          White space in css is used to control how whitespace is rendered. Creative, I know.
        </p>
        <p class="measure f5 f4-ns lh-copy">
          <b>Normal</b> supresses white space characters and breaks lines based on the width of the element
or the placement of a br tag.<br>
          <b>Nowrap</b> will keep all text on one line - often used in conjunction with truncation or a scrollbar. This can be useful
for displaying unix style commands where indicating everything is on one line is important for clarity.<br>
          <b>Pre</b> will preserve all whitespace and linebreaks. This is useful for displaying code or poetry. Simulates the rendering of the pre tag.
        </p>
      </article>
      <div class="ph3 ph5-ns pt4 pb5">
        <h2 class="f4 bold">Examples</h2>
      <p class="f5 f4-ns measure lh-copy">This text is formatted the same way in the source and printed three times, with the only difference being which white-space class is attached.</p>
        <h3 class="f5 book pt4 code">.ws-normal</h3>
        <p class="ws-normal measure">

          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

              vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

          no sea
            takimata
          sanctus est

                    Lorem

          ipsum dolor sit amet.

        </p>
        <h3 class="f5 book pt4 code">.nowrap</h3>
        <p class="nowrap measure">
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

              vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

          no sea
            takimata
          sanctus est

                    Lorem

          ipsum dolor sit amet.

        </p>
        <h3 class="f5 book pt4 code">.pre</h3>
        <p class="pre measure">
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

              vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

          no sea
            takimata
          sanctus est

                    Lorem

          ipsum dolor sit amet.

        </p>
        <div class="mt5 cf">
          <div class="dib mr4">
            <h1 class="f4 ttu tracked fw6">Previous</h1>
            <a href="/docs/typography/text-decoration/" class="link fw6 blue dim">Text Decoration</a>
          </div>
          <div class="dib mr4">
            <h1 class="f4 ttu tracked fw6">Next</h1>
            <a href="/docs/debug/" class="link fw6 blue dim">Debugging</a>
          </div>
        </div>
        <div class="mt5">
          <h1 class="f4 ttu tracked fw6">Reference</h1>
          <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/white-space" class="link fw6 blue dim">MDN - White Space</a>
        </div>
      </div>
      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
        <header class="ph3 ph5-ns pt4">
          <kbd>src/_white-space.css</kbd>
        </header>
<pre class="ph3 ph5-ns">
<code class="code" style="font-size: .75rem;">
<%= srcCSS  %>
</code>
</pre>
      </section>
      <%= navDocs %>
    </main>
    <%= siteFooter %>
    <%= googleAnalytics  %>
  </body>
</html>
{'fraction_non_alphanumeric': 0.11924474959612277, 'fraction_numerical': 0.0210016155088853, 'mean_word_length': 2.0078955359854236, 'pattern_counts': {'":': 0, '<': 241, '<?xml version=': 0, '>': 241, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1776486', 'n_tokens_mistral': 3378, 'n_tokens_neox': 3248, 'n_words': 1079}