Update max-widths docs.

Author: mrmrs

docs/layout/max-widths/index.html

@@ -116,7 +116,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw1</code>
     </td>
     <td>
-      <div class="mw1 bg-black-10 pvs oh">
+      <div class="mw1 bg-black-10 pv2 oh">
 Lorem
       </div>
     </td>
@@ -126,7 +126,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw2</code>
     </td>
     <td>
-      <div class="mw2 bg-black-10 pvs oh">
+      <div class="mw2 bg-black-10 pv2 oh">
         Lorem
       </div>
     </td>
@@ -136,7 +136,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw3</code>
     </td>
     <td>
-      <div class="mw3 bg-black-10 pvs oh">
+      <div class="mw3 bg-black-10 pv2 oh">
         Lorem ipsum dolor sit amet, consetetur sadipscing
       </div>
     </td>
@@ -146,7 +146,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw4</code>
     </td>
     <td>
-      <div class="mw4 bg-black-10 pvs oh">
+      <div class="mw4 bg-black-10 pv2 oh">
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
       </div>
     </td>
@@ -156,7 +156,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw5</code>
     </td>
     <td>
-      <div class="mw5 bg-black-10 pvs oh">
+      <div class="mw5 bg-black-10 pv2 oh">
         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,
@@ -169,7 +169,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw6</code>
     </td>
     <td>
-      <div class="mw6 bg-black-10 pvs oh">
+      <div class="mw6 bg-black-10 pv2 oh">
         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,
@@ -180,16 +180,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
 </table>
   <h3 class="f5 book pt4 caps">Max Width Percentages</h3>
   <div class="bg-black-10 w-100">
-    <div class="mw-25 bg-black-10 mbs">
-      <code class="code">w-25</code>
-    </div>
-    <div class="mw-50 bg-black-10 mbs">
-      <code class="code">w-50</code>
-    </div>
-    <div class="mw-75 bg-black-10 mbs">
-      <code class="code">mw-75</code>
-    </div>
-    <div class="mw-100 bg-black-10 mbs">
+    <div class="mw-100 bg-black-10 mb3">
       <code class="code">mw-100</code>
     </div>
   </div>

src/templates/docs/max-widths/index.html

@@ -89,7 +89,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw1</code>
     </td>
     <td>
-      <div class="mw1 bg-black-10 pvs oh">
+      <div class="mw1 bg-black-10 pv2 oh">
 Lorem
       </div>
     </td>
@@ -99,7 +99,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw2</code>
     </td>
     <td>
-      <div class="mw2 bg-black-10 pvs oh">
+      <div class="mw2 bg-black-10 pv2 oh">
         Lorem
       </div>
     </td>
@@ -109,7 +109,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw3</code>
     </td>
     <td>
-      <div class="mw3 bg-black-10 pvs oh">
+      <div class="mw3 bg-black-10 pv2 oh">
         Lorem ipsum dolor sit amet, consetetur sadipscing
       </div>
     </td>
@@ -119,7 +119,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw4</code>
     </td>
     <td>
-      <div class="mw4 bg-black-10 pvs oh">
+      <div class="mw4 bg-black-10 pv2 oh">
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
       </div>
     </td>
@@ -129,7 +129,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw5</code>
     </td>
     <td>
-      <div class="mw5 bg-black-10 pvs oh">
+      <div class="mw5 bg-black-10 pv2 oh">
         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,
@@ -142,7 +142,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
       <code class="code">.mw6</code>
     </td>
     <td>
-      <div class="mw6 bg-black-10 pvs oh">
+      <div class="mw6 bg-black-10 pv2 oh">
         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,
@@ -153,16 +153,7 @@ <h3 class="f5 book pt4 caps">Max Width Scale</h3>
 </table>
   <h3 class="f5 book pt4 caps">Max Width Percentages</h3>
   <div class="bg-black-10 w-100">
-    <div class="mw-25 bg-black-10 mbs">
-      <code class="code">w-25</code>
-    </div>
-    <div class="mw-50 bg-black-10 mbs">
-      <code class="code">w-50</code>
-    </div>
-    <div class="mw-75 bg-black-10 mbs">
-      <code class="code">mw-75</code>
-    </div>
-    <div class="mw-100 bg-black-10 mbs">
+    <div class="mw-100 bg-black-10 mb3">
       <code class="code">mw-100</code>
     </div>
   </div>