Polish

- Polish forms documentation
- Polish scss code

docs/css/pico.docs.css

@@ -289,6 +289,10 @@ main > aside details[open] summary {
   margin-top: 3rem;
 }
 
+#forms div.grid {
+  grid-row-gap: 0;
+}
+
 /**
  * Docs: Typography
  */

docs/index.html

@@ -629,8 +629,7 @@
                 <button type="submit" aria-label="Example button">Submit</button>
               </form>
 
-<pre><code>
+<pre><code>&lt;<b>form</b>&gt;
-&lt;<b>form</b>&gt;
 
   <em>&lt;!-- Grid --&gt;</em>
   &lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;

docs/scss/components/_theme-switcher.scss

@@ -47,7 +47,6 @@ button.switcher {
   }
 
   &:hover {
-
     &::after {
       transform: rotate(180deg);
     }

docs/scss/layout/_document.scss

@@ -2,6 +2,6 @@
  * Docs: Document
  */
 
- html{
+ html {
    scroll-behavior:smooth;
  }

docs/scss/layout/_documentation.scss

@@ -121,3 +121,12 @@
     margin-top: $spacing-typography*2;
   }
 }
+
+// Docs: Forms
+// ––––––––––––––––––––
+
+#forms {
+  div.grid {
+    grid-row-gap: 0;
+  }
+}

scss/content/_form.scss

@@ -209,11 +209,13 @@ input[type="color"] {
 
 // Select
 select {
+
   // Unstyle the caret on `<select>`s in IE10+.
   &::-ms-expand {
     border: 0;
     background-color: transparent;
   }
+
   &:not([multiple]) {
     // Source: https://feathericons.com/
     $caret-icon-color: "808080"; // Without '#' !important
@@ -236,7 +238,6 @@ input + small {
 
 // Styles for Input inside a label
 label {
-
   & > input:not([type="checkbox"]):not([type="radio"]),
   & > select,
   & > textarea {

scss/layout/_sectioning.scss

@@ -24,7 +24,6 @@ body {
   > header,
   > main,
   > footer {
-
     $padding-horizontal: $spacing-gutter !default;
     $spacing-vertical: $spacing-block !default;
     width: 100%;