Add smaller image

Author: mrmrs

docs/themes/opacity/index.html

@@ -55,47 +55,47 @@ <h3 class="f5 book pt4 caps">Opacity scale</h3>
   <section class="cf">
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-90"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-90">
+    <img src="/img/under-canvas.jpg" class="w-100 o-90">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-80"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-80">
+    <img src="/img/under-canvas.jpg" class="w-100 o-80">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-70"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-70">
+    <img src="/img/under-canvas.jpg" class="w-100 o-70">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-60"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-60">
+    <img src="/img/under-canvas.jpg" class="w-100 o-60">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-50"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-50">
+    <img src="/img/under-canvas.jpg" class="w-100 o-50">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-40"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-40">
+    <img src="/img/under-canvas.jpg" class="w-100 o-40">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-30"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-30">
+    <img src="/img/under-canvas.jpg" class="w-100 o-30">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-20"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-20">
+    <img src="/img/under-canvas.jpg" class="w-100 o-20">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-10"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-10">
+    <img src="/img/under-canvas.jpg" class="w-100 o-10">
   </div>
   <div class="fl w-50">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-05"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-05">
+    <img src="/img/under-canvas.jpg" class="w-100 o-05">
   </div>
   <div class="fl w-50">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-025"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-025">
+    <img src="/img/under-canvas.jpg" class="w-100 o-025">
   </div>
   </section>
 

src/templates/docs/opacity/index.html

@@ -28,47 +28,47 @@ <h3 class="f5 book pt4 caps">Opacity scale</h3>
   <section class="cf">
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-90"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-90">
+    <img src="/img/under-canvas.jpg" class="w-100 o-90">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-80"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-80">
+    <img src="/img/under-canvas.jpg" class="w-100 o-80">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-70"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-70">
+    <img src="/img/under-canvas.jpg" class="w-100 o-70">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-60"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-60">
+    <img src="/img/under-canvas.jpg" class="w-100 o-60">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-50"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-50">
+    <img src="/img/under-canvas.jpg" class="w-100 o-50">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-40"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-40">
+    <img src="/img/under-canvas.jpg" class="w-100 o-40">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-30"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-30">
+    <img src="/img/under-canvas.jpg" class="w-100 o-30">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-20"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-20">
+    <img src="/img/under-canvas.jpg" class="w-100 o-20">
   </div>
   <div class="fl w-50 w-33-ns">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-10"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-10">
+    <img src="/img/under-canvas.jpg" class="w-100 o-10">
   </div>
   <div class="fl w-50">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-05"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-05">
+    <img src="/img/under-canvas.jpg" class="w-100 o-05">
   </div>
   <div class="fl w-50">
     <code class="f6 db mv3">&lt;img src="#" class="w-100 o-025"&gt;</code>
-    <img src="/img/over-canvas.jpg" class="w-100 o-025">
+    <img src="/img/under-canvas.jpg" class="w-100 o-025">
   </div>
   </section>