Remove gap after images

JayPanoz · JayPanoz · commit fd41186ca15f · 2019-02-11T15:20:40.000+01:00
diff --git a/Blitz_framework/CSS/AltStylesheets/blitz-lite/blitz-lite.css b/Blitz_framework/CSS/AltStylesheets/blitz-lite/blitz-lite.css
@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.1.2 by Jiminy Panoz                      
-    Codename: Idle in Kangaroo Court W1                             
+    Version 1.1.3 by Jiminy Panoz                      
+    Codename: Rebel Waltz                             
     License: MIT (https://opensource.org/licenses/MIT)   */
     
 /* NAMESPACES */
@@ -237,6 +237,7 @@ img {
   max-width: 100%;
   height: auto;
   object-fit: contain;
+  vertical-align: bottom;
 }
 
 img.portrait {
diff --git a/Blitz_framework/CSS/AltStylesheets/blitz-reset/blitz-reset.css b/Blitz_framework/CSS/AltStylesheets/blitz-reset/blitz-reset.css
@@ -1,6 +1,6 @@
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.1.2 by Jiminy Panoz                      
-    Codename: Idle in Kangaroo Court W1                              
+    Version 1.1.3 by Jiminy Panoz                      
+    Codename: Rebel Waltz                              
     License: MIT (https://opensource.org/licenses/MIT)   */
 
 article,address,aside,blockquote,canvas,dd,details,div,dl,dt,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hr,li,main,nav,ol,p,pre,section,summary,ul {
diff --git a/Blitz_framework/CSS/AltStylesheets/blitz.uncommented.css b/Blitz_framework/CSS/AltStylesheets/blitz.uncommented.css
@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.1.2 by Jiminy Panoz                      
-    Codename: Idle in Kangaroo Court W1                              
+    Version 1.1.3 by Jiminy Panoz                      
+    Codename: Rebel Waltz                               
     License: MIT (https://opensource.org/licenses/MIT)   */
     
 @namespace h "http://www.w3.org/1999/xhtml/";
@@ -205,6 +205,7 @@ img {
   max-width: 100%;
   height: auto;
   object-fit: contain;
+  vertical-align: bottom;
 }
 
 img.portrait {
diff --git a/Blitz_framework/CSS/blitz.css b/Blitz_framework/CSS/blitz.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.1.2 by Jiminy Panoz                      
-    Codename: Idle in Kangaroo Court W1                              
+    Version 1.1.3 by Jiminy Panoz                      
+    Codename: Rebel Waltz                               
     License: MIT (https://opensource.org/licenses/MIT)   */
 /* NAMESPACES */
 @namespace h "http://www.w3.org/1999/xhtml/";
@@ -346,6 +346,8 @@ img {
   /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
   height: auto;
   object-fit: contain;
+  vertical-align: bottom; 
+  /* Remove gap after the image */
 }
 /* Note: portrait image styling + figcaption is a nightmare */
 /* See https://github.com/jstallent/ImagesSingleFile for the css hack */
diff --git a/Blitz_framework/LESS/base/image.less b/Blitz_framework/LESS/base/image.less
@@ -16,6 +16,7 @@ img {
   max-width: 100%;      /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
   height: auto;
   object-fit: contain;
+  vertical-align: bottom; /* Remove gap after the image */
 }
 
 /* Note: portrait image styling + figcaption is a nightmare */
diff --git a/Blitz_framework/LESS/blitz.less b/Blitz_framework/LESS/blitz.less
@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.1.2 by Jiminy Panoz                      
-    Codename: Idle in Kangaroo Court W1                              
+    Version 1.1.3 by Jiminy Panoz                      
+    Codename: Rebel Waltz                              
     License: MIT (https://opensource.org/licenses/MIT)   */
 
 
diff --git a/Blitz_template/Blitz_epub3.epub b/Blitz_template/Blitz_epub3.epub
diff --git a/Blitz_template/Blitz_epub3/OEBPS/Styles/blitz.css b/Blitz_template/Blitz_epub3/OEBPS/Styles/blitz.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.1.2 by Jiminy Panoz                      
-    Codename: Idle in Kangaroo Court W1                             
+    Version 1.1.3 by Jiminy Panoz                      
+    Codename: Rebel Waltz                              
     License: MIT (https://opensource.org/licenses/MIT)   */
 /* NAMESPACES */
 @namespace h "http://www.w3.org/1999/xhtml/";
@@ -346,6 +346,8 @@ img {
   /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
   height: auto;
   object-fit: contain;
+  vertical-align: bottom; 
+  /* Remove gap after the image */
 }
 /* Note: portrait image styling + figcaption is a nightmare */
 /* See https://github.com/jstallent/ImagesSingleFile for the css hack */
diff --git a/README.md b/README.md
@@ -104,6 +104,10 @@ To sum up, we’ve tried to find a balance and feel like Blitz defaults can help
 
 ## Log
 
+### 1.1.3
+
+- Removed gap after images
+
 ### 1.1.2
 
 - Fixed hyphenation (limit chars)

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ img {`
`16`	`16`	`max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */`
`17`	`17`	`height: auto;`
`18`	`18`	`object-fit: contain;`
	`19`	`+ vertical-align: bottom; /* Remove gap after the image */`
`19`	`20`	`}`
`20`	`21`
`21`	`22`	`/* Note: portrait image styling + figcaption is a nightmare */`