Merge pull request #300 from waldyrious/copyedit

Copyedit some text passages in the docs
2025-10-31 04:08:06 +00:00 · 2023-01-28 12:35:54 +07:00 · 2023-01-28 12:35:54 +07:00 · 1c6758dd4c
commit 1c6758dd4c
parent 3809ba3afa df61784095
24 changed files with 66 additions and 79 deletions
--- a/README.md
+++ b/README.md
@ -154,6 +154,7 @@ Pico can be used without custom CSS for quick or small projects. However, it’s
 ## Documentation

 **Getting started**
+
 - [Usage](https://picocss.com/docs/)
 - [Themes](https://picocss.com/docs/themes.html)
 - [Customization](https://picocss.com/docs/customization.html)
@ -161,17 +162,20 @@ Pico can be used without custom CSS for quick or small projects. However, it’s
 - [RTL](https://picocss.com/docs/rtl.html)

 **Layout**
+
 - [Containers](https://picocss.com/docs/containers.html)
 - [Grids](https://picocss.com/docs/grid.html)
 - [Horizontal scroller](https://picocss.com/docs/scroller.html)

 **Elements**
+
 - [Typography](https://picocss.com/docs/typography.html)
 - [Buttons](https://picocss.com/docs/buttons.html)
 - [Forms](https://picocss.com/docs/forms.html)
 - [Tables](https://picocss.com/docs/tables.html)

 **Components**
+
 - [Accordions](https://picocss.com/docs/accordions.html)
 - [Cards](https://picocss.com/docs/cards.html)
 - [Dropdowns](https://picocss.com/docs/dropdowns.html)
@ -180,10 +184,11 @@ Pico can be used without custom CSS for quick or small projects. However, it’s
 - [Progress](https://picocss.com/docs/progress.html)

 **Utilities**
+
 - [Loading](https://picocss.com/docs/loading.html)
 - [Tooltips](https://picocss.com/docs/tooltips.html)

-## Browser Support
+## Browser support

 Pico is designed and tested for the latest stable Chrome, Firefox, Edge, and Safari releases. It does not support any version of IE, including IE 11.

--- a/docs/accordions.html
+++ b/docs/accordions.html
--- a/docs/buttons.html
+++ b/docs/buttons.html
--- a/docs/cards.html
+++ b/docs/cards.html
--- a/docs/classless.html
+++ b/docs/classless.html
--- a/docs/containers.html
+++ b/docs/containers.html
--- a/docs/customization.html
+++ b/docs/customization.html
--- a/docs/dropdowns.html
+++ b/docs/dropdowns.html
--- a/docs/forms.html
+++ b/docs/forms.html
--- a/docs/grid.html
+++ b/docs/grid.html
--- a/docs/index.html
+++ b/docs/index.html
--- a/docs/loading.html
+++ b/docs/loading.html
--- a/docs/modal.html
+++ b/docs/modal.html
--- a/docs/navs.html
+++ b/docs/navs.html
--- a/docs/progress.html
+++ b/docs/progress.html
--- a/docs/rtl.html
+++ b/docs/rtl.html
--- a/docs/scroller.html
+++ b/docs/scroller.html
--- a/docs/src/_sidebar.html
+++ b/docs/src/_sidebar.html
@ -9,7 +9,7 @@
        <title>Collapse</title>
        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path>
      </svg>
-      Table of content
+      Table of contents
    </a>
    <details>
      <summary>Getting started</summary>
@ -71,4 +71,4 @@
    activeLink.setAttribute('aria-current', 'page');
    parentAccordion.setAttribute('open', 'true');
  </script>
-</aside>
+</aside>
--- a/docs/src/forms.html
+++ b/docs/src/forms.html
@ -1,8 +1,8 @@
 <!doctype html>
 <html lang="en">
  <head>
-    ${require('./_head.html') 
-      title="Forms" 
+    ${require('./_head.html')
+      title="Forms"
      description="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports."
      canonical="forms.html"
    }
@ -10,10 +10,10 @@

  <body>
    ${require('./_nav.html')}
-    
+
    <main class="container" id="docs">
      ${require('./_sidebar.html') active="forms-link"}
-      
+
      <div role="document">
        <section id="forms">
          <hgroup>
@ -21,7 +21,7 @@
            <h2>All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.</h2>
          </hgroup>
          <p>Inputs are <code><i>width</i>: <u>100%</u>;</code> by default. You can use <code>.grid</code> inside a form.</p>
-          <p>All natives form elements are fully customizable and themeable with CSS variables.</p>
+          <p>All native form elements are fully customizable and themeable with CSS variables.</p>
          <article aria-label="Form example">
            <form>
              <div class="grid">
@ -233,7 +233,7 @@

 <pre><code><em>&lt;!-- Search --&gt;</em>
 &lt;<b>input</b> <i>type</i>=<u>"search"</u> <i>id</i>=<u>"search"</u> <i>name</i>=<u>"search"</u> <i>placeholder</i>=<u>"Search"</u>&gt;
-  
+
 &lt;!-- File browser --&gt;</em>
 &lt;<b>label</b> <i>for</i>=<u>"file"</u>&gt;File browser
  &lt;<b>input</b> <i>type</i>=<u>"file"</u> <i>id</i>=<u>"file"</u> <i>name</i>=<u>"file"</u>&gt;
@ -264,7 +264,7 @@
        </section>

        ${require('./_footer.html')}
-        
+
      </div>
    </main>
    <script src="js/commons.min.js"></script>
--- a/docs/tables.html
+++ b/docs/tables.html
--- a/docs/themes.html
+++ b/docs/themes.html
--- a/docs/tooltips.html
+++ b/docs/tooltips.html
--- a/docs/typography.html
+++ b/docs/typography.html
--- a/docs/we-love-classes.html
+++ b/docs/we-love-classes.html