Update docs page layout.

Author: mrmrs

docs/debug/index.html

@@ -301,7 +301,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline" class="db link fw6 blue dim">MDN - Outline</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pv4">
+      <section class="bg-near-white black-70 pt4 pv4 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_debug-children.css</kbd>
         </header>
@@ -317,7 +317,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
 </code>
 </pre>
       </section>
-      <section class="bg-near-white black-70 pbxl">
+      <section class="bg-near-white black-70 pb5 overflow-container">
         <header class="ph3 ph5-ns">
           <kbd class="yellow">src/_debug.css</kbd>
         </header>

docs/elements/forms/index.html

@@ -102,7 +102,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_links.css</kbd>
         </header>

docs/elements/links/index.html

@@ -107,7 +107,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
       <header class="ph3 ph5-ns pt4">
         <kbd class="yellow">src/_links.css</kbd>
       </header>

docs/elements/lists/index.html

@@ -108,7 +108,7 @@ <h1 class="f6 f5-ns ttu tracked fw6 gray">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type" class="f5 f4-ns link db fw6 blue dim">MDN - List Style Type</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_lists.css</kbd>
         </header>

docs/layout/box-sizing/index.html

@@ -119,7 +119,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing" class="link fw6 blue dim">MDN - Box Sizing</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_box-sizing.css</kbd>
         </header>
@@ -149,11 +149,12 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
 dt,
 dd,
 textarea,
-input[type="text"],
-input[type="tel"],
 input[type="email"],
-input[type="url"],
+input[type="number"],
 input[type="password"],
+input[type="tel"],
+input[type="text"],
+input[type="url"],
 .border-box {
   box-sizing: border-box;
 }

docs/layout/clearfix/index.html

@@ -113,7 +113,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/clears" class="link fw6 blue dim">MDN - Clears</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_clearfix.css</kbd>
         </header>

docs/layout/display/index.html

@@ -189,7 +189,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display" class="link fw6 blue dim">MDN - Box Sizing</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_display.css</kbd>
         </header>

docs/layout/floats/index.html

@@ -126,7 +126,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/floats" class="link fw6 blue dim">MDN - Floats</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
       <header class="ph3 ph5-ns pt4">
         <kbd class="yellow">src/_floats.css</kbd>
       </header>
@@ -171,20 +171,20 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
 .fn { float: none; }
 
 @media (--breakpoint-not-small) {
-  .fl-ns { float: left;  display: inline; }
-  .fr-ns { float: right; display: inline; }
+  .fl-ns { float: left; display: inline; }
+  .fr-ns { float: right;display: inline; }
   .fn-ns { float: none; }
 }
 
 @media (--breakpoint-medium) {
-  .fl-m { float: left;  display: inline; }
-  .fr-m { float: right; display: inline; }
+  .fl-m { float: left; display: inline; }
+  .fr-m { float: right;  display: inline; }
   .fn-m { float: none; }
 }
 
 @media (--breakpoint-large) {
-  .fl-l { float: left;  display: inline; }
-  .fr-l { float: right; display: inline; }
+  .fl-l { float: left; display: inline; }
+  .fr-l { float: right;  display: inline; }
   .fn-l { float: none; }
 }
 

docs/layout/heights/index.html

@@ -178,7 +178,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/height" class="link fw6 blue dim">MDN - Height</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
           <kbd class="yellow">src/_heights.css</kbd>
         </header>

docs/layout/max-widths/index.html

@@ -237,7 +237,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-width" class="link fw6 blue dim">MDN - Max Width</a>
         </div>
       </div>
-      <section class="bg-near-white black-70 pt4 pb5">
+      <section class="bg-near-white black-70 pt4 pb5 overflow-container">
       <header class="ph3 ph5-ns pt4">
         <kbd class="yellow">src/_max-widths.css</kbd>
       </header>